@ceed/ads 0.0.76 → 0.0.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,7 @@ interface DatePickerProps {
9
9
  }) => void;
10
10
  name?: string;
11
11
  disabled?: boolean;
12
+ required?: boolean;
12
13
  label?: React.ReactNode;
13
14
  error?: boolean;
14
15
  helperText?: React.ReactNode;
@@ -9,6 +9,7 @@ interface DateRangePickerProps {
9
9
  }) => void;
10
10
  name?: string;
11
11
  disabled?: boolean;
12
+ required?: boolean;
12
13
  label?: React.ReactNode;
13
14
  error?: boolean;
14
15
  helperText?: React.ReactNode;
@@ -9,6 +9,7 @@ interface MonthRangePickerProps {
9
9
  }) => void;
10
10
  name?: string;
11
11
  disabled?: boolean;
12
+ required?: boolean;
12
13
  label?: React.ReactNode;
13
14
  error?: boolean;
14
15
  helperText?: React.ReactNode;
package/dist/index.js CHANGED
@@ -173,11 +173,41 @@ var FormHelperText_default = FormHelperText;
173
173
 
174
174
  // src/components/Autocomplete/Autocomplete.tsx
175
175
  function Autocomplete(props) {
176
- const { label, error, helperText, color, size, disabled, ...innerProps } = props;
176
+ const {
177
+ label,
178
+ error,
179
+ helperText,
180
+ color,
181
+ size,
182
+ disabled,
183
+ required,
184
+ ...innerProps
185
+ } = props;
177
186
  if (label) {
178
- 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));
187
+ return /* @__PURE__ */ React2.createElement(
188
+ FormControl_default,
189
+ {
190
+ required,
191
+ color,
192
+ size,
193
+ error,
194
+ disabled
195
+ },
196
+ /* @__PURE__ */ React2.createElement(FormLabel_default, null, label),
197
+ /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps }),
198
+ helperText && /* @__PURE__ */ React2.createElement(FormHelperText_default, null, helperText)
199
+ );
179
200
  }
180
- return /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps, color, size, disabled });
201
+ return /* @__PURE__ */ React2.createElement(
202
+ JoyAutocomplete,
203
+ {
204
+ ...innerProps,
205
+ required,
206
+ color,
207
+ size,
208
+ disabled
209
+ }
210
+ );
181
211
  }
182
212
  Autocomplete.displayName = "Autocomplete";
183
213
 
@@ -1623,11 +1653,42 @@ import { Input as JoyInput } from "@mui/joy";
1623
1653
  import { motion as motion15 } from "framer-motion";
1624
1654
  var MotionInput = motion15(JoyInput);
1625
1655
  var Input = (props) => {
1626
- const { label, helperText, error, style, size, color, disabled, ...innerProps } = props;
1656
+ const {
1657
+ label,
1658
+ helperText,
1659
+ error,
1660
+ style,
1661
+ size,
1662
+ color,
1663
+ disabled,
1664
+ required,
1665
+ ...innerProps
1666
+ } = props;
1627
1667
  if (label) {
1628
- 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));
1668
+ return /* @__PURE__ */ React14.createElement(
1669
+ FormControl_default,
1670
+ {
1671
+ required,
1672
+ color,
1673
+ size,
1674
+ error,
1675
+ disabled
1676
+ },
1677
+ /* @__PURE__ */ React14.createElement(FormLabel_default, null, label),
1678
+ /* @__PURE__ */ React14.createElement(MotionInput, { ...innerProps }),
1679
+ helperText && /* @__PURE__ */ React14.createElement(FormHelperText_default, null, helperText)
1680
+ );
1629
1681
  }
1630
- return /* @__PURE__ */ React14.createElement(MotionInput, { color, size, disabled, ...innerProps });
1682
+ return /* @__PURE__ */ React14.createElement(
1683
+ MotionInput,
1684
+ {
1685
+ required,
1686
+ color,
1687
+ size,
1688
+ disabled,
1689
+ ...innerProps
1690
+ }
1691
+ );
1631
1692
  };
1632
1693
  Input.displayName = "Input";
1633
1694
 
@@ -1724,7 +1785,18 @@ var TextMaskAdapter = React15.forwardRef(
1724
1785
  );
1725
1786
  var DatePicker = forwardRef4(
1726
1787
  (props, ref) => {
1727
- const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
1788
+ const {
1789
+ onChange,
1790
+ disabled,
1791
+ label,
1792
+ error,
1793
+ helperText,
1794
+ minDate,
1795
+ maxDate,
1796
+ disableFuture,
1797
+ disablePast,
1798
+ required
1799
+ } = props;
1728
1800
  const [value, setValue] = useState4(props.value || "");
1729
1801
  const [anchorEl, setAnchorEl] = useState4(null);
1730
1802
  const open = Boolean(anchorEl);
@@ -1750,6 +1822,7 @@ var DatePicker = forwardRef4(
1750
1822
  onChange: handleChange,
1751
1823
  placeholder: "YYYY/MM/DD",
1752
1824
  disabled,
1825
+ required,
1753
1826
  slotProps: { input: { component: TextMaskAdapter } },
1754
1827
  sx: {
1755
1828
  // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
@@ -1809,7 +1882,18 @@ var DatePicker = forwardRef4(
1809
1882
  )))
1810
1883
  )));
1811
1884
  if (label) {
1812
- 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));
1885
+ return /* @__PURE__ */ React15.createElement(
1886
+ FormControl_default,
1887
+ {
1888
+ required,
1889
+ disabled,
1890
+ error,
1891
+ size: "sm"
1892
+ },
1893
+ /* @__PURE__ */ React15.createElement(FormLabel_default, null, label),
1894
+ picker,
1895
+ helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText)
1896
+ );
1813
1897
  }
1814
1898
  return picker;
1815
1899
  }
@@ -1910,7 +1994,18 @@ var TextMaskAdapter3 = React16.forwardRef(
1910
1994
  );
1911
1995
  var DateRangePicker = forwardRef5(
1912
1996
  (props, ref) => {
1913
- const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
1997
+ const {
1998
+ onChange,
1999
+ disabled,
2000
+ label,
2001
+ error,
2002
+ helperText,
2003
+ minDate,
2004
+ maxDate,
2005
+ disableFuture,
2006
+ disablePast,
2007
+ required
2008
+ } = props;
1914
2009
  const [value, setValue] = useState5(props.value || "");
1915
2010
  const [anchorEl, setAnchorEl] = useState5(null);
1916
2011
  const open = Boolean(anchorEl);
@@ -1948,6 +2043,7 @@ var DateRangePicker = forwardRef5(
1948
2043
  value,
1949
2044
  onChange: handleChange,
1950
2045
  disabled,
2046
+ required,
1951
2047
  placeholder: "YYYY/MM/DD - YYYY/MM/DD",
1952
2048
  slotProps: { input: { component: TextMaskAdapter3 } },
1953
2049
  sx: {
@@ -2006,7 +2102,7 @@ var DateRangePicker = forwardRef5(
2006
2102
  )))
2007
2103
  )));
2008
2104
  if (label) {
2009
- 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));
2105
+ 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));
2010
2106
  }
2011
2107
  return picker;
2012
2108
  }
@@ -2211,7 +2307,8 @@ var MonthRangePicker = forwardRef6(
2211
2307
  minDate,
2212
2308
  maxDate,
2213
2309
  disableFuture,
2214
- disablePast
2310
+ disablePast,
2311
+ required
2215
2312
  } = props;
2216
2313
  const [value, setValue] = useState6(props.value || "");
2217
2314
  const [anchorEl, setAnchorEl] = useState6(null);
@@ -2250,6 +2347,7 @@ var MonthRangePicker = forwardRef6(
2250
2347
  value,
2251
2348
  onChange: handleChange,
2252
2349
  disabled,
2350
+ required,
2253
2351
  placeholder: "YYYY/MM - YYYY/MM",
2254
2352
  slotProps: { input: { component: TextMaskAdapter5 } },
2255
2353
  sx: {
@@ -2310,7 +2408,7 @@ var MonthRangePicker = forwardRef6(
2310
2408
  )))
2311
2409
  )));
2312
2410
  if (label) {
2313
- 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));
2411
+ 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));
2314
2412
  }
2315
2413
  return picker;
2316
2414
  }
@@ -2346,16 +2444,41 @@ var MotionOption = motion24(JoyOption);
2346
2444
  var Option = MotionOption;
2347
2445
  Option.displayName = "Option";
2348
2446
  function Select(props) {
2349
- const { label, helperText, error, size, color, disabled, ...innerProps } = props;
2447
+ const {
2448
+ label,
2449
+ helperText,
2450
+ error,
2451
+ size,
2452
+ color,
2453
+ disabled,
2454
+ required,
2455
+ ...innerProps
2456
+ } = props;
2350
2457
  if (label) {
2351
- return /* @__PURE__ */ React23.createElement(FormControl_default, { disabled, size, color, error }, /* @__PURE__ */ React23.createElement(FormLabel_default, null, label), /* @__PURE__ */ React23.createElement(
2352
- JoySelect,
2458
+ return /* @__PURE__ */ React23.createElement(
2459
+ FormControl_default,
2353
2460
  {
2354
- ...innerProps
2355
- }
2356
- ), helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText));
2461
+ required,
2462
+ disabled,
2463
+ size,
2464
+ color,
2465
+ error
2466
+ },
2467
+ /* @__PURE__ */ React23.createElement(FormLabel_default, null, label),
2468
+ /* @__PURE__ */ React23.createElement(JoySelect, { ...innerProps }),
2469
+ helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText)
2470
+ );
2357
2471
  }
2358
- return /* @__PURE__ */ React23.createElement(JoySelect, { disabled, size, color, ...innerProps });
2472
+ return /* @__PURE__ */ React23.createElement(
2473
+ JoySelect,
2474
+ {
2475
+ required,
2476
+ disabled,
2477
+ size,
2478
+ color,
2479
+ ...innerProps
2480
+ }
2481
+ );
2359
2482
  }
2360
2483
  Select.displayName = "Select";
2361
2484
 
@@ -2428,11 +2551,41 @@ import { Textarea as JoyTextarea } from "@mui/joy";
2428
2551
  import { motion as motion27 } from "framer-motion";
2429
2552
  var MotionTextarea = motion27(JoyTextarea);
2430
2553
  var Textarea = (props) => {
2431
- const { label, error, helperText, color, size, disabled, ...innerProps } = props;
2554
+ const {
2555
+ label,
2556
+ error,
2557
+ helperText,
2558
+ color,
2559
+ size,
2560
+ disabled,
2561
+ required,
2562
+ ...innerProps
2563
+ } = props;
2432
2564
  if (label) {
2433
- 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));
2565
+ return /* @__PURE__ */ React25.createElement(
2566
+ FormControl_default,
2567
+ {
2568
+ required,
2569
+ disabled,
2570
+ color,
2571
+ size,
2572
+ error
2573
+ },
2574
+ /* @__PURE__ */ React25.createElement(FormLabel_default, null, label),
2575
+ /* @__PURE__ */ React25.createElement(MotionTextarea, { ...innerProps }),
2576
+ helperText && /* @__PURE__ */ React25.createElement(FormHelperText_default, null, helperText)
2577
+ );
2434
2578
  }
2435
- return /* @__PURE__ */ React25.createElement(MotionTextarea, { disabled, color, size, ...innerProps });
2579
+ return /* @__PURE__ */ React25.createElement(
2580
+ MotionTextarea,
2581
+ {
2582
+ required,
2583
+ disabled,
2584
+ color,
2585
+ size,
2586
+ ...innerProps
2587
+ }
2588
+ );
2436
2589
  };
2437
2590
  Textarea.displayName = "Textarea";
2438
2591
 
package/framer/index.js CHANGED
@@ -34641,15 +34641,49 @@ var FormHelperText_default2 = FormHelperText3;
34641
34641
 
34642
34642
  // src/components/Autocomplete/Autocomplete.tsx
34643
34643
  function Autocomplete3(props) {
34644
- const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
34644
+ const _a = props, {
34645
+ label,
34646
+ error,
34647
+ helperText,
34648
+ color: color2,
34649
+ size,
34650
+ disabled,
34651
+ required
34652
+ } = _a, innerProps = __objRest(_a, [
34653
+ "label",
34654
+ "error",
34655
+ "helperText",
34656
+ "color",
34657
+ "size",
34658
+ "disabled",
34659
+ "required"
34660
+ ]);
34645
34661
  if (label) {
34646
- return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
34647
- /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
34648
- /* @__PURE__ */ jsx2(Autocomplete_default, __spreadValues({}, innerProps)),
34649
- helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
34650
- ] });
34662
+ return /* @__PURE__ */ jsxs2(
34663
+ FormControl_default2,
34664
+ {
34665
+ required,
34666
+ color: color2,
34667
+ size,
34668
+ error,
34669
+ disabled,
34670
+ children: [
34671
+ /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
34672
+ /* @__PURE__ */ jsx2(Autocomplete_default, __spreadValues({}, innerProps)),
34673
+ helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
34674
+ ]
34675
+ }
34676
+ );
34651
34677
  }
34652
- return /* @__PURE__ */ jsx2(Autocomplete_default, __spreadProps(__spreadValues({}, innerProps), { color: color2, size, disabled }));
34678
+ return /* @__PURE__ */ jsx2(
34679
+ Autocomplete_default,
34680
+ __spreadProps(__spreadValues({}, innerProps), {
34681
+ required,
34682
+ color: color2,
34683
+ size,
34684
+ disabled
34685
+ })
34686
+ );
34653
34687
  }
34654
34688
  Autocomplete3.displayName = "Autocomplete";
34655
34689
 
@@ -40735,15 +40769,51 @@ var CalendarToday_default = createSvgIcon2(/* @__PURE__ */ _jsx106("path", {
40735
40769
  import { motion as motion15 } from "framer-motion";
40736
40770
  var MotionInput = motion15(Input_default);
40737
40771
  var Input3 = (props) => {
40738
- const _a = props, { label, helperText, error, style: style4, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style", "size", "color", "disabled"]);
40772
+ const _a = props, {
40773
+ label,
40774
+ helperText,
40775
+ error,
40776
+ style: style4,
40777
+ size,
40778
+ color: color2,
40779
+ disabled,
40780
+ required
40781
+ } = _a, innerProps = __objRest(_a, [
40782
+ "label",
40783
+ "helperText",
40784
+ "error",
40785
+ "style",
40786
+ "size",
40787
+ "color",
40788
+ "disabled",
40789
+ "required"
40790
+ ]);
40739
40791
  if (label) {
40740
- return /* @__PURE__ */ jsxs2(FormControl_default2, { color: color2, size, error, disabled, children: [
40741
- /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
40742
- /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
40743
- helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
40744
- ] });
40792
+ return /* @__PURE__ */ jsxs2(
40793
+ FormControl_default2,
40794
+ {
40795
+ required,
40796
+ color: color2,
40797
+ size,
40798
+ error,
40799
+ disabled,
40800
+ children: [
40801
+ /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
40802
+ /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
40803
+ helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
40804
+ ]
40805
+ }
40806
+ );
40745
40807
  }
40746
- return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: color2, size, disabled }, innerProps));
40808
+ return /* @__PURE__ */ jsx2(
40809
+ MotionInput,
40810
+ __spreadValues({
40811
+ required,
40812
+ color: color2,
40813
+ size,
40814
+ disabled
40815
+ }, innerProps)
40816
+ );
40747
40817
  };
40748
40818
  Input3.displayName = "Input";
40749
40819
 
@@ -40838,7 +40908,18 @@ var TextMaskAdapter = React178.forwardRef(
40838
40908
  );
40839
40909
  var DatePicker = forwardRef84(
40840
40910
  (props, ref) => {
40841
- const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
40911
+ const {
40912
+ onChange,
40913
+ disabled,
40914
+ label,
40915
+ error,
40916
+ helperText,
40917
+ minDate,
40918
+ maxDate,
40919
+ disableFuture,
40920
+ disablePast,
40921
+ required
40922
+ } = props;
40842
40923
  const [value, setValue] = useState27(props.value || "");
40843
40924
  const [anchorEl, setAnchorEl] = useState27(null);
40844
40925
  const open = Boolean(anchorEl);
@@ -40865,6 +40946,7 @@ var DatePicker = forwardRef84(
40865
40946
  onChange: handleChange,
40866
40947
  placeholder: "YYYY/MM/DD",
40867
40948
  disabled,
40949
+ required,
40868
40950
  slotProps: { input: { component: TextMaskAdapter } },
40869
40951
  sx: {
40870
40952
  // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
@@ -40929,11 +41011,20 @@ var DatePicker = forwardRef84(
40929
41011
  ) })
40930
41012
  ] });
40931
41013
  if (label) {
40932
- return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
40933
- /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
40934
- picker,
40935
- helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
40936
- ] });
41014
+ return /* @__PURE__ */ jsxs2(
41015
+ FormControl_default2,
41016
+ {
41017
+ required,
41018
+ disabled,
41019
+ error,
41020
+ size: "sm",
41021
+ children: [
41022
+ /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41023
+ picker,
41024
+ helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
41025
+ ]
41026
+ }
41027
+ );
40937
41028
  }
40938
41029
  return picker;
40939
41030
  }
@@ -41029,7 +41120,18 @@ var TextMaskAdapter3 = React179.forwardRef(
41029
41120
  );
41030
41121
  var DateRangePicker = forwardRef85(
41031
41122
  (props, ref) => {
41032
- const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
41123
+ const {
41124
+ onChange,
41125
+ disabled,
41126
+ label,
41127
+ error,
41128
+ helperText,
41129
+ minDate,
41130
+ maxDate,
41131
+ disableFuture,
41132
+ disablePast,
41133
+ required
41134
+ } = props;
41033
41135
  const [value, setValue] = useState28(props.value || "");
41034
41136
  const [anchorEl, setAnchorEl] = useState28(null);
41035
41137
  const open = Boolean(anchorEl);
@@ -41068,6 +41170,7 @@ var DateRangePicker = forwardRef85(
41068
41170
  value,
41069
41171
  onChange: handleChange,
41070
41172
  disabled,
41173
+ required,
41071
41174
  placeholder: "YYYY/MM/DD - YYYY/MM/DD",
41072
41175
  slotProps: { input: { component: TextMaskAdapter3 } },
41073
41176
  sx: {
@@ -41131,7 +41234,7 @@ var DateRangePicker = forwardRef85(
41131
41234
  ) })
41132
41235
  ] });
41133
41236
  if (label) {
41134
- return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
41237
+ return /* @__PURE__ */ jsxs2(FormControl_default2, { required, disabled, error, size: "sm", children: [
41135
41238
  /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41136
41239
  picker,
41137
41240
  helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41323,7 +41426,8 @@ var MonthRangePicker = forwardRef86(
41323
41426
  minDate,
41324
41427
  maxDate,
41325
41428
  disableFuture,
41326
- disablePast
41429
+ disablePast,
41430
+ required
41327
41431
  } = props;
41328
41432
  const [value, setValue] = useState29(props.value || "");
41329
41433
  const [anchorEl, setAnchorEl] = useState29(null);
@@ -41363,6 +41467,7 @@ var MonthRangePicker = forwardRef86(
41363
41467
  value,
41364
41468
  onChange: handleChange,
41365
41469
  disabled,
41470
+ required,
41366
41471
  placeholder: "YYYY/MM - YYYY/MM",
41367
41472
  slotProps: { input: { component: TextMaskAdapter5 } },
41368
41473
  sx: {
@@ -41428,7 +41533,7 @@ var MonthRangePicker = forwardRef86(
41428
41533
  ) })
41429
41534
  ] });
41430
41535
  if (label) {
41431
- return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, error, size: "sm", children: [
41536
+ return /* @__PURE__ */ jsxs2(FormControl_default2, { required, disabled, error, size: "sm", children: [
41432
41537
  /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41433
41538
  picker,
41434
41539
  helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
@@ -41461,18 +41566,49 @@ var MotionOption = motion24(Option_default);
41461
41566
  var Option3 = MotionOption;
41462
41567
  Option3.displayName = "Option";
41463
41568
  function Select3(props) {
41464
- const _a = props, { label, helperText, error, size, color: color2, disabled } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "size", "color", "disabled"]);
41569
+ const _a = props, {
41570
+ label,
41571
+ helperText,
41572
+ error,
41573
+ size,
41574
+ color: color2,
41575
+ disabled,
41576
+ required
41577
+ } = _a, innerProps = __objRest(_a, [
41578
+ "label",
41579
+ "helperText",
41580
+ "error",
41581
+ "size",
41582
+ "color",
41583
+ "disabled",
41584
+ "required"
41585
+ ]);
41465
41586
  if (label) {
41466
- return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, size, color: color2, error, children: [
41467
- /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41468
- /* @__PURE__ */ jsx2(
41469
- Select_default,
41470
- __spreadValues({}, innerProps)
41471
- ),
41472
- helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
41473
- ] });
41587
+ return /* @__PURE__ */ jsxs2(
41588
+ FormControl_default2,
41589
+ {
41590
+ required,
41591
+ disabled,
41592
+ size,
41593
+ color: color2,
41594
+ error,
41595
+ children: [
41596
+ /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41597
+ /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps)),
41598
+ helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
41599
+ ]
41600
+ }
41601
+ );
41474
41602
  }
41475
- return /* @__PURE__ */ jsx2(Select_default, __spreadValues({ disabled, size, color: color2 }, innerProps));
41603
+ return /* @__PURE__ */ jsx2(
41604
+ Select_default,
41605
+ __spreadValues({
41606
+ required,
41607
+ disabled,
41608
+ size,
41609
+ color: color2
41610
+ }, innerProps)
41611
+ );
41476
41612
  }
41477
41613
  Select3.displayName = "Select";
41478
41614
 
@@ -41534,15 +41670,49 @@ TabPanel3.displayName = "TabPanel";
41534
41670
  import { motion as motion27 } from "framer-motion";
41535
41671
  var MotionTextarea = motion27(Textarea_default);
41536
41672
  var Textarea3 = (props) => {
41537
- const _a = props, { label, error, helperText, color: color2, size, disabled } = _a, innerProps = __objRest(_a, ["label", "error", "helperText", "color", "size", "disabled"]);
41673
+ const _a = props, {
41674
+ label,
41675
+ error,
41676
+ helperText,
41677
+ color: color2,
41678
+ size,
41679
+ disabled,
41680
+ required
41681
+ } = _a, innerProps = __objRest(_a, [
41682
+ "label",
41683
+ "error",
41684
+ "helperText",
41685
+ "color",
41686
+ "size",
41687
+ "disabled",
41688
+ "required"
41689
+ ]);
41538
41690
  if (label) {
41539
- return /* @__PURE__ */ jsxs2(FormControl_default2, { disabled, color: color2, size, error, children: [
41540
- /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41541
- /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({}, innerProps)),
41542
- helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
41543
- ] });
41691
+ return /* @__PURE__ */ jsxs2(
41692
+ FormControl_default2,
41693
+ {
41694
+ required,
41695
+ disabled,
41696
+ color: color2,
41697
+ size,
41698
+ error,
41699
+ children: [
41700
+ /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
41701
+ /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({}, innerProps)),
41702
+ helperText && /* @__PURE__ */ jsx2(FormHelperText_default2, { children: helperText })
41703
+ ]
41704
+ }
41705
+ );
41544
41706
  }
41545
- return /* @__PURE__ */ jsx2(MotionTextarea, __spreadValues({ disabled, color: color2, size }, innerProps));
41707
+ return /* @__PURE__ */ jsx2(
41708
+ MotionTextarea,
41709
+ __spreadValues({
41710
+ required,
41711
+ disabled,
41712
+ color: color2,
41713
+ size
41714
+ }, innerProps)
41715
+ );
41546
41716
  };
41547
41717
  Textarea3.displayName = "Textarea";
41548
41718
 
@@ -41651,6 +41821,11 @@ var autocompletePropertyControls = {
41651
41821
  title: "Disabled",
41652
41822
  type: ControlType.Boolean,
41653
41823
  defaultValue: false
41824
+ },
41825
+ required: {
41826
+ title: "Required",
41827
+ type: ControlType.Boolean,
41828
+ defaultValue: false
41654
41829
  }
41655
41830
  };
41656
41831
 
@@ -42063,6 +42238,11 @@ var datePickerPropertyControls = {
42063
42238
  type: ControlType11.Boolean,
42064
42239
  defaultValue: false
42065
42240
  },
42241
+ required: {
42242
+ title: "Required",
42243
+ type: ControlType11.Boolean,
42244
+ defaultValue: false
42245
+ },
42066
42246
  value: {
42067
42247
  title: "Value",
42068
42248
  type: ControlType11.String,
@@ -42115,6 +42295,11 @@ var dateRangePickerPropertyControls = {
42115
42295
  type: ControlType12.Boolean,
42116
42296
  defaultValue: false
42117
42297
  },
42298
+ required: {
42299
+ title: "Required",
42300
+ type: ControlType12.Boolean,
42301
+ defaultValue: false
42302
+ },
42118
42303
  value: {
42119
42304
  title: "Value",
42120
42305
  type: ControlType12.String,
@@ -42251,6 +42436,11 @@ var inputPropertyControls = {
42251
42436
  type: ControlType16.Boolean,
42252
42437
  defaultValue: false
42253
42438
  },
42439
+ required: {
42440
+ title: "Required",
42441
+ type: ControlType16.Boolean,
42442
+ defaultValue: false
42443
+ },
42254
42444
  color: {
42255
42445
  title: "Color",
42256
42446
  type: ControlType16.Enum,
@@ -42353,6 +42543,11 @@ var monthRangePickerPropertyControls = {
42353
42543
  type: ControlType19.Boolean,
42354
42544
  defaultValue: false
42355
42545
  },
42546
+ required: {
42547
+ title: "Required",
42548
+ type: ControlType19.Boolean,
42549
+ defaultValue: false
42550
+ },
42356
42551
  value: {
42357
42552
  title: "Value",
42358
42553
  type: ControlType19.String,
@@ -42471,6 +42666,11 @@ var selectPropertyControls = {
42471
42666
  type: ControlType21.Boolean,
42472
42667
  defaultValue: false
42473
42668
  },
42669
+ required: {
42670
+ title: "Required",
42671
+ type: ControlType21.Boolean,
42672
+ defaultValue: false
42673
+ },
42474
42674
  placeholder: {
42475
42675
  title: "Placeholder",
42476
42676
  type: ControlType21.String,
@@ -42673,6 +42873,11 @@ var textareaPropertyControls = {
42673
42873
  type: ControlType26.Boolean,
42674
42874
  defaultValue: false
42675
42875
  },
42876
+ required: {
42877
+ title: "Required",
42878
+ type: ControlType26.Boolean,
42879
+ defaultValue: false
42880
+ },
42676
42881
  color: {
42677
42882
  title: "Color",
42678
42883
  type: ControlType26.Enum,
@@ -42709,6 +42914,16 @@ var textareaPropertyControls = {
42709
42914
  type: ControlType26.Enum,
42710
42915
  options: ["sm", "md", "lg"],
42711
42916
  defaultValue: "md"
42917
+ },
42918
+ minRows: {
42919
+ title: "Min Rows",
42920
+ type: ControlType26.Number,
42921
+ defaultValue: void 0
42922
+ },
42923
+ maxRows: {
42924
+ title: "Max Rows",
42925
+ type: ControlType26.Number,
42926
+ defaultValue: void 0
42712
42927
  }
42713
42928
  };
42714
42929
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ceed/ads",
3
- "version": "0.0.76",
3
+ "version": "0.0.78",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",