@sikka/hawa 0.27.2-next → 0.27.4-next

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.
@@ -122,7 +122,7 @@ type RegisterFormTypes = {
122
122
  /** To add more custom input fields */
123
123
  additionalInputs?: any;
124
124
  /** To customize the username input field */
125
- usernameOptions: {
125
+ usernameOptions?: {
126
126
  label?: LabelProps;
127
127
  };
128
128
  };
@@ -122,7 +122,7 @@ type RegisterFormTypes = {
122
122
  /** To add more custom input fields */
123
123
  additionalInputs?: any;
124
124
  /** To customize the username input field */
125
- usernameOptions: {
125
+ usernameOptions?: {
126
126
  label?: LabelProps;
127
127
  };
128
128
  };
@@ -1303,12 +1303,14 @@ var FeedbackEmoji = (props) => {
1303
1303
  classNames: {
1304
1304
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
1305
1305
  },
1306
- placeholder: "Your feedback",
1307
- onChange: (e) => {
1308
- if (e.target.value) {
1309
- setHelperText(false);
1306
+ textareaProps: {
1307
+ placeholder: "Your feedback",
1308
+ onChange: (e) => {
1309
+ if (e.target.value) {
1310
+ setHelperText(false);
1311
+ }
1312
+ setFeedbackText(e.target.value);
1310
1313
  }
1311
- setFeedbackText(e.target.value);
1312
1314
  }
1313
1315
  }
1314
1316
  )
@@ -1490,13 +1492,17 @@ var Select = ({
1490
1492
 
1491
1493
  // blocks/feedback/FeedbackForm.tsx
1492
1494
  var FeedbackForm = (props) => {
1493
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
1495
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
1494
1496
  const formSchema = z2.object({
1495
1497
  requestType: z2.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
1496
1498
  description: z2.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
1497
1499
  });
1498
- const { handleSubmit, control, formState } = (0, import_react_hook_form2.useForm)({
1499
- resolver: (0, import_zod2.zodResolver)(formSchema)
1500
+ const { handleSubmit, control, formState, reset } = (0, import_react_hook_form2.useForm)({
1501
+ resolver: (0, import_zod2.zodResolver)(formSchema),
1502
+ defaultValues: {
1503
+ requestType: "",
1504
+ description: ""
1505
+ }
1500
1506
  });
1501
1507
  return /* @__PURE__ */ import_react12.default.createElement(
1502
1508
  Card,
@@ -1506,7 +1512,7 @@ var FeedbackForm = (props) => {
1506
1512
  ),
1507
1513
  style: props.cardless ? { boxShadow: "none" } : void 0
1508
1514
  },
1509
- /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react12.default.createElement(
1515
+ /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react12.default.createElement(
1510
1516
  "form",
1511
1517
  {
1512
1518
  noValidate: true,
@@ -1517,53 +1523,60 @@ var FeedbackForm = (props) => {
1517
1523
  console.log("Form is submitted but onSubmit prop is missing");
1518
1524
  }
1519
1525
  }),
1520
- className: "hawa-flex hawa-flex-col hawa-gap-4"
1526
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
1521
1527
  },
1522
- /* @__PURE__ */ import_react12.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
1528
+ /* @__PURE__ */ import_react12.default.createElement(Label, null),
1523
1529
  /* @__PURE__ */ import_react12.default.createElement(
1524
1530
  import_react_hook_form2.Controller,
1525
1531
  {
1526
1532
  name: "requestType",
1527
1533
  control,
1528
1534
  render: ({ field }) => {
1529
- var _a2, _b2, _c2, _d2, _e2, _f2;
1535
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
1530
1536
  return /* @__PURE__ */ import_react12.default.createElement(
1531
1537
  Select,
1532
1538
  {
1533
1539
  ...field,
1534
1540
  ...props.selectProps,
1541
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
1535
1542
  onChange: (option) => field.onChange(option.value),
1536
1543
  options: props.requestTypes,
1537
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
1538
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
1544
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
1545
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
1539
1546
  texts: {
1540
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
1547
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
1541
1548
  }
1542
1549
  }
1543
1550
  );
1544
1551
  }
1545
1552
  }
1546
1553
  ),
1547
- /* @__PURE__ */ import_react12.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
1548
1554
  /* @__PURE__ */ import_react12.default.createElement(
1549
1555
  import_react_hook_form2.Controller,
1550
1556
  {
1551
1557
  name: "description",
1552
1558
  control,
1553
1559
  render: ({ field }) => {
1554
- var _a2, _b2, _c2, _d2;
1560
+ var _a2, _b2, _c2, _d2, _e2, _f2;
1555
1561
  return /* @__PURE__ */ import_react12.default.createElement(
1556
1562
  Textarea,
1557
1563
  {
1558
- ...field,
1559
1564
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
1560
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
1565
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
1566
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
1567
+ textareaProps: {
1568
+ onChange: (e) => {
1569
+ field.onChange(e.target.value);
1570
+ },
1571
+ value: field.value,
1572
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
1573
+ }
1561
1574
  }
1562
1575
  );
1563
1576
  }
1564
1577
  }
1565
1578
  ),
1566
- /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
1579
+ /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
1567
1580
  ))
1568
1581
  );
1569
1582
  };
@@ -441,12 +441,14 @@ var FeedbackEmoji = (props) => {
441
441
  classNames: {
442
442
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
443
443
  },
444
- placeholder: "Your feedback",
445
- onChange: (e) => {
446
- if (e.target.value) {
447
- setHelperText(false);
444
+ textareaProps: {
445
+ placeholder: "Your feedback",
446
+ onChange: (e) => {
447
+ if (e.target.value) {
448
+ setHelperText(false);
449
+ }
450
+ setFeedbackText(e.target.value);
448
451
  }
449
- setFeedbackText(e.target.value);
450
452
  }
451
453
  }
452
454
  )
@@ -472,13 +474,17 @@ import { useForm as useForm2, Controller as Controller2 } from "react-hook-form"
472
474
  import { zodResolver as zodResolver2 } from "@hookform/resolvers/zod";
473
475
  import * as z2 from "zod";
474
476
  var FeedbackForm = (props) => {
475
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
477
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
476
478
  const formSchema = z2.object({
477
479
  requestType: z2.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
478
480
  description: z2.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
479
481
  });
480
- const { handleSubmit, control, formState } = useForm2({
481
- resolver: zodResolver2(formSchema)
482
+ const { handleSubmit, control, formState, reset } = useForm2({
483
+ resolver: zodResolver2(formSchema),
484
+ defaultValues: {
485
+ requestType: "",
486
+ description: ""
487
+ }
482
488
  });
483
489
  return /* @__PURE__ */ React5.createElement(
484
490
  Card,
@@ -488,7 +494,7 @@ var FeedbackForm = (props) => {
488
494
  ),
489
495
  style: props.cardless ? { boxShadow: "none" } : void 0
490
496
  },
491
- /* @__PURE__ */ React5.createElement(CardContent, { headless: true }, /* @__PURE__ */ React5.createElement(
497
+ /* @__PURE__ */ React5.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React5.createElement(
492
498
  "form",
493
499
  {
494
500
  noValidate: true,
@@ -499,53 +505,60 @@ var FeedbackForm = (props) => {
499
505
  console.log("Form is submitted but onSubmit prop is missing");
500
506
  }
501
507
  }),
502
- className: "hawa-flex hawa-flex-col hawa-gap-4"
508
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
503
509
  },
504
- /* @__PURE__ */ React5.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
510
+ /* @__PURE__ */ React5.createElement(Label, null),
505
511
  /* @__PURE__ */ React5.createElement(
506
512
  Controller2,
507
513
  {
508
514
  name: "requestType",
509
515
  control,
510
516
  render: ({ field }) => {
511
- var _a2, _b2, _c2, _d2, _e2, _f2;
517
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
512
518
  return /* @__PURE__ */ React5.createElement(
513
519
  Select,
514
520
  {
515
521
  ...field,
516
522
  ...props.selectProps,
523
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
517
524
  onChange: (option) => field.onChange(option.value),
518
525
  options: props.requestTypes,
519
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
520
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
526
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
527
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
521
528
  texts: {
522
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
529
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
523
530
  }
524
531
  }
525
532
  );
526
533
  }
527
534
  }
528
535
  ),
529
- /* @__PURE__ */ React5.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
530
536
  /* @__PURE__ */ React5.createElement(
531
537
  Controller2,
532
538
  {
533
539
  name: "description",
534
540
  control,
535
541
  render: ({ field }) => {
536
- var _a2, _b2, _c2, _d2;
542
+ var _a2, _b2, _c2, _d2, _e2, _f2;
537
543
  return /* @__PURE__ */ React5.createElement(
538
544
  Textarea,
539
545
  {
540
- ...field,
541
546
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
542
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
547
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
548
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
549
+ textareaProps: {
550
+ onChange: (e) => {
551
+ field.onChange(e.target.value);
552
+ },
553
+ value: field.value,
554
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
555
+ }
543
556
  }
544
557
  );
545
558
  }
546
559
  }
547
560
  ),
548
- /* @__PURE__ */ React5.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
561
+ /* @__PURE__ */ React5.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
549
562
  ))
550
563
  );
551
564
  };
@@ -113,7 +113,7 @@ type RegisterFormTypes = {
113
113
  /** To add more custom input fields */
114
114
  additionalInputs?: any;
115
115
  /** To customize the username input field */
116
- usernameOptions: {
116
+ usernameOptions?: {
117
117
  label?: LabelProps;
118
118
  };
119
119
  };
@@ -113,7 +113,7 @@ type RegisterFormTypes = {
113
113
  /** To add more custom input fields */
114
114
  additionalInputs?: any;
115
115
  /** To customize the username input field */
116
- usernameOptions: {
116
+ usernameOptions?: {
117
117
  label?: LabelProps;
118
118
  };
119
119
  };
@@ -5045,12 +5045,14 @@ var FeedbackEmoji = (props) => {
5045
5045
  classNames: {
5046
5046
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
5047
5047
  },
5048
- placeholder: "Your feedback",
5049
- onChange: (e) => {
5050
- if (e.target.value) {
5051
- setHelperText(false);
5048
+ textareaProps: {
5049
+ placeholder: "Your feedback",
5050
+ onChange: (e) => {
5051
+ if (e.target.value) {
5052
+ setHelperText(false);
5053
+ }
5054
+ setFeedbackText(e.target.value);
5052
5055
  }
5053
- setFeedbackText(e.target.value);
5054
5056
  }
5055
5057
  }
5056
5058
  )
@@ -5076,13 +5078,17 @@ var import_react_hook_form7 = require("react-hook-form");
5076
5078
  var import_zod7 = require("@hookform/resolvers/zod");
5077
5079
  var z7 = __toESM(require("zod"));
5078
5080
  var FeedbackForm = (props) => {
5079
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
5081
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
5080
5082
  const formSchema = z7.object({
5081
5083
  requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
5082
5084
  description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
5083
5085
  });
5084
- const { handleSubmit, control, formState } = (0, import_react_hook_form7.useForm)({
5085
- resolver: (0, import_zod7.zodResolver)(formSchema)
5086
+ const { handleSubmit, control, formState, reset } = (0, import_react_hook_form7.useForm)({
5087
+ resolver: (0, import_zod7.zodResolver)(formSchema),
5088
+ defaultValues: {
5089
+ requestType: "",
5090
+ description: ""
5091
+ }
5086
5092
  });
5087
5093
  return /* @__PURE__ */ import_react26.default.createElement(
5088
5094
  Card,
@@ -5092,7 +5098,7 @@ var FeedbackForm = (props) => {
5092
5098
  ),
5093
5099
  style: props.cardless ? { boxShadow: "none" } : void 0
5094
5100
  },
5095
- /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react26.default.createElement(
5101
+ /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react26.default.createElement(
5096
5102
  "form",
5097
5103
  {
5098
5104
  noValidate: true,
@@ -5103,53 +5109,60 @@ var FeedbackForm = (props) => {
5103
5109
  console.log("Form is submitted but onSubmit prop is missing");
5104
5110
  }
5105
5111
  }),
5106
- className: "hawa-flex hawa-flex-col hawa-gap-4"
5112
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
5107
5113
  },
5108
- /* @__PURE__ */ import_react26.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
5114
+ /* @__PURE__ */ import_react26.default.createElement(Label, null),
5109
5115
  /* @__PURE__ */ import_react26.default.createElement(
5110
5116
  import_react_hook_form7.Controller,
5111
5117
  {
5112
5118
  name: "requestType",
5113
5119
  control,
5114
5120
  render: ({ field }) => {
5115
- var _a2, _b2, _c2, _d2, _e2, _f2;
5121
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
5116
5122
  return /* @__PURE__ */ import_react26.default.createElement(
5117
5123
  Select,
5118
5124
  {
5119
5125
  ...field,
5120
5126
  ...props.selectProps,
5127
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
5121
5128
  onChange: (option) => field.onChange(option.value),
5122
5129
  options: props.requestTypes,
5123
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
5124
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
5130
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
5131
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
5125
5132
  texts: {
5126
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
5133
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
5127
5134
  }
5128
5135
  }
5129
5136
  );
5130
5137
  }
5131
5138
  }
5132
5139
  ),
5133
- /* @__PURE__ */ import_react26.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
5134
5140
  /* @__PURE__ */ import_react26.default.createElement(
5135
5141
  import_react_hook_form7.Controller,
5136
5142
  {
5137
5143
  name: "description",
5138
5144
  control,
5139
5145
  render: ({ field }) => {
5140
- var _a2, _b2, _c2, _d2;
5146
+ var _a2, _b2, _c2, _d2, _e2, _f2;
5141
5147
  return /* @__PURE__ */ import_react26.default.createElement(
5142
5148
  Textarea,
5143
5149
  {
5144
- ...field,
5145
5150
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
5146
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
5151
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
5152
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
5153
+ textareaProps: {
5154
+ onChange: (e) => {
5155
+ field.onChange(e.target.value);
5156
+ },
5157
+ value: field.value,
5158
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
5159
+ }
5147
5160
  }
5148
5161
  );
5149
5162
  }
5150
5163
  }
5151
5164
  ),
5152
- /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
5165
+ /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
5153
5166
  ))
5154
5167
  );
5155
5168
  };
@@ -5571,7 +5584,7 @@ var ContactForm = ({
5571
5584
  ),
5572
5585
  style: cardless ? { boxShadow: "none" } : void 0
5573
5586
  },
5574
- /* @__PURE__ */ import_react35.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react35.default.createElement(
5587
+ /* @__PURE__ */ import_react35.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react35.default.createElement(
5575
5588
  "form",
5576
5589
  {
5577
5590
  noValidate: true,
@@ -1429,12 +1429,14 @@ var FeedbackEmoji = (props) => {
1429
1429
  classNames: {
1430
1430
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
1431
1431
  },
1432
- placeholder: "Your feedback",
1433
- onChange: (e) => {
1434
- if (e.target.value) {
1435
- setHelperText(false);
1432
+ textareaProps: {
1433
+ placeholder: "Your feedback",
1434
+ onChange: (e) => {
1435
+ if (e.target.value) {
1436
+ setHelperText(false);
1437
+ }
1438
+ setFeedbackText(e.target.value);
1436
1439
  }
1437
- setFeedbackText(e.target.value);
1438
1440
  }
1439
1441
  }
1440
1442
  )
@@ -1460,13 +1462,17 @@ import { useForm as useForm7, Controller as Controller7 } from "react-hook-form"
1460
1462
  import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
1461
1463
  import * as z7 from "zod";
1462
1464
  var FeedbackForm = (props) => {
1463
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
1465
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
1464
1466
  const formSchema = z7.object({
1465
1467
  requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
1466
1468
  description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
1467
1469
  });
1468
- const { handleSubmit, control, formState } = useForm7({
1469
- resolver: zodResolver7(formSchema)
1470
+ const { handleSubmit, control, formState, reset } = useForm7({
1471
+ resolver: zodResolver7(formSchema),
1472
+ defaultValues: {
1473
+ requestType: "",
1474
+ description: ""
1475
+ }
1470
1476
  });
1471
1477
  return /* @__PURE__ */ React12.createElement(
1472
1478
  Card,
@@ -1476,7 +1482,7 @@ var FeedbackForm = (props) => {
1476
1482
  ),
1477
1483
  style: props.cardless ? { boxShadow: "none" } : void 0
1478
1484
  },
1479
- /* @__PURE__ */ React12.createElement(CardContent, { headless: true }, /* @__PURE__ */ React12.createElement(
1485
+ /* @__PURE__ */ React12.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React12.createElement(
1480
1486
  "form",
1481
1487
  {
1482
1488
  noValidate: true,
@@ -1487,53 +1493,60 @@ var FeedbackForm = (props) => {
1487
1493
  console.log("Form is submitted but onSubmit prop is missing");
1488
1494
  }
1489
1495
  }),
1490
- className: "hawa-flex hawa-flex-col hawa-gap-4"
1496
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
1491
1497
  },
1492
- /* @__PURE__ */ React12.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
1498
+ /* @__PURE__ */ React12.createElement(Label, null),
1493
1499
  /* @__PURE__ */ React12.createElement(
1494
1500
  Controller7,
1495
1501
  {
1496
1502
  name: "requestType",
1497
1503
  control,
1498
1504
  render: ({ field }) => {
1499
- var _a2, _b2, _c2, _d2, _e2, _f2;
1505
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
1500
1506
  return /* @__PURE__ */ React12.createElement(
1501
1507
  Select,
1502
1508
  {
1503
1509
  ...field,
1504
1510
  ...props.selectProps,
1511
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
1505
1512
  onChange: (option) => field.onChange(option.value),
1506
1513
  options: props.requestTypes,
1507
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
1508
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
1514
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
1515
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
1509
1516
  texts: {
1510
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
1517
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
1511
1518
  }
1512
1519
  }
1513
1520
  );
1514
1521
  }
1515
1522
  }
1516
1523
  ),
1517
- /* @__PURE__ */ React12.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
1518
1524
  /* @__PURE__ */ React12.createElement(
1519
1525
  Controller7,
1520
1526
  {
1521
1527
  name: "description",
1522
1528
  control,
1523
1529
  render: ({ field }) => {
1524
- var _a2, _b2, _c2, _d2;
1530
+ var _a2, _b2, _c2, _d2, _e2, _f2;
1525
1531
  return /* @__PURE__ */ React12.createElement(
1526
1532
  Textarea,
1527
1533
  {
1528
- ...field,
1529
1534
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
1530
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
1535
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
1536
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
1537
+ textareaProps: {
1538
+ onChange: (e) => {
1539
+ field.onChange(e.target.value);
1540
+ },
1541
+ value: field.value,
1542
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
1543
+ }
1531
1544
  }
1532
1545
  );
1533
1546
  }
1534
1547
  }
1535
1548
  ),
1536
- /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
1549
+ /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
1537
1550
  ))
1538
1551
  );
1539
1552
  };
@@ -1765,7 +1778,7 @@ var ContactForm = ({
1765
1778
  ),
1766
1779
  style: cardless ? { boxShadow: "none" } : void 0
1767
1780
  },
1768
- /* @__PURE__ */ React20.createElement(CardContent, { headless: true }, /* @__PURE__ */ React20.createElement(
1781
+ /* @__PURE__ */ React20.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React20.createElement(
1769
1782
  "form",
1770
1783
  {
1771
1784
  noValidate: true,
@@ -1298,7 +1298,7 @@ var ContactForm = ({
1298
1298
  ),
1299
1299
  style: cardless ? { boxShadow: "none" } : void 0
1300
1300
  },
1301
- /* @__PURE__ */ import_react14.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react14.default.createElement(
1301
+ /* @__PURE__ */ import_react14.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react14.default.createElement(
1302
1302
  "form",
1303
1303
  {
1304
1304
  noValidate: true,
@@ -316,7 +316,7 @@ var ContactForm = ({
316
316
  ),
317
317
  style: cardless ? { boxShadow: "none" } : void 0
318
318
  },
319
- /* @__PURE__ */ React9.createElement(CardContent, { headless: true }, /* @__PURE__ */ React9.createElement(
319
+ /* @__PURE__ */ React9.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React9.createElement(
320
320
  "form",
321
321
  {
322
322
  noValidate: true,
package/dist/index.css CHANGED
@@ -2406,6 +2406,9 @@ input[type="number"]::-webkit-inner-spin-button,
2406
2406
  -o-object-fit: cover;
2407
2407
  object-fit: cover;
2408
2408
  }
2409
+ .\!hawa-p-0 {
2410
+ padding: 0px !important;
2411
+ }
2409
2412
  .hawa-p-0 {
2410
2413
  padding: 0px;
2411
2414
  }
package/dist/index.d.mts CHANGED
@@ -1506,7 +1506,7 @@ type RegisterFormTypes = {
1506
1506
  /** To add more custom input fields */
1507
1507
  additionalInputs?: any;
1508
1508
  /** To customize the username input field */
1509
- usernameOptions: {
1509
+ usernameOptions?: {
1510
1510
  label?: LabelProps;
1511
1511
  };
1512
1512
  };
package/dist/index.d.ts CHANGED
@@ -1506,7 +1506,7 @@ type RegisterFormTypes = {
1506
1506
  /** To add more custom input fields */
1507
1507
  additionalInputs?: any;
1508
1508
  /** To customize the username input field */
1509
- usernameOptions: {
1509
+ usernameOptions?: {
1510
1510
  label?: LabelProps;
1511
1511
  };
1512
1512
  };
package/dist/index.js CHANGED
@@ -10531,12 +10531,14 @@ var FeedbackEmoji = (props) => {
10531
10531
  classNames: {
10532
10532
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
10533
10533
  },
10534
- placeholder: "Your feedback",
10535
- onChange: (e) => {
10536
- if (e.target.value) {
10537
- setHelperText(false);
10534
+ textareaProps: {
10535
+ placeholder: "Your feedback",
10536
+ onChange: (e) => {
10537
+ if (e.target.value) {
10538
+ setHelperText(false);
10539
+ }
10540
+ setFeedbackText(e.target.value);
10538
10541
  }
10539
- setFeedbackText(e.target.value);
10540
10542
  }
10541
10543
  }
10542
10544
  )
@@ -10562,13 +10564,17 @@ var import_react_hook_form7 = require("react-hook-form");
10562
10564
  var import_zod7 = require("@hookform/resolvers/zod");
10563
10565
  var z7 = __toESM(require("zod"));
10564
10566
  var FeedbackForm = (props) => {
10565
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
10567
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
10566
10568
  const formSchema = z7.object({
10567
10569
  requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
10568
10570
  description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
10569
10571
  });
10570
- const { handleSubmit, control, formState } = (0, import_react_hook_form7.useForm)({
10571
- resolver: (0, import_zod7.zodResolver)(formSchema)
10572
+ const { handleSubmit, control, formState, reset } = (0, import_react_hook_form7.useForm)({
10573
+ resolver: (0, import_zod7.zodResolver)(formSchema),
10574
+ defaultValues: {
10575
+ requestType: "",
10576
+ description: ""
10577
+ }
10572
10578
  });
10573
10579
  return /* @__PURE__ */ import_react56.default.createElement(
10574
10580
  Card,
@@ -10578,7 +10584,7 @@ var FeedbackForm = (props) => {
10578
10584
  ),
10579
10585
  style: props.cardless ? { boxShadow: "none" } : void 0
10580
10586
  },
10581
- /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react56.default.createElement(
10587
+ /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react56.default.createElement(
10582
10588
  "form",
10583
10589
  {
10584
10590
  noValidate: true,
@@ -10589,53 +10595,60 @@ var FeedbackForm = (props) => {
10589
10595
  console.log("Form is submitted but onSubmit prop is missing");
10590
10596
  }
10591
10597
  }),
10592
- className: "hawa-flex hawa-flex-col hawa-gap-4"
10598
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
10593
10599
  },
10594
- /* @__PURE__ */ import_react56.default.createElement(Label2, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
10600
+ /* @__PURE__ */ import_react56.default.createElement(Label2, null),
10595
10601
  /* @__PURE__ */ import_react56.default.createElement(
10596
10602
  import_react_hook_form7.Controller,
10597
10603
  {
10598
10604
  name: "requestType",
10599
10605
  control,
10600
10606
  render: ({ field }) => {
10601
- var _a2, _b2, _c2, _d2, _e2, _f2;
10607
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
10602
10608
  return /* @__PURE__ */ import_react56.default.createElement(
10603
10609
  Select,
10604
10610
  {
10605
10611
  ...field,
10606
10612
  ...props.selectProps,
10613
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
10607
10614
  onChange: (option) => field.onChange(option.value),
10608
10615
  options: props.requestTypes,
10609
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
10610
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
10616
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
10617
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
10611
10618
  texts: {
10612
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
10619
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
10613
10620
  }
10614
10621
  }
10615
10622
  );
10616
10623
  }
10617
10624
  }
10618
10625
  ),
10619
- /* @__PURE__ */ import_react56.default.createElement(Label2, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
10620
10626
  /* @__PURE__ */ import_react56.default.createElement(
10621
10627
  import_react_hook_form7.Controller,
10622
10628
  {
10623
10629
  name: "description",
10624
10630
  control,
10625
10631
  render: ({ field }) => {
10626
- var _a2, _b2, _c2, _d2;
10632
+ var _a2, _b2, _c2, _d2, _e2, _f2;
10627
10633
  return /* @__PURE__ */ import_react56.default.createElement(
10628
10634
  Textarea,
10629
10635
  {
10630
- ...field,
10631
10636
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
10632
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
10637
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
10638
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
10639
+ textareaProps: {
10640
+ onChange: (e) => {
10641
+ field.onChange(e.target.value);
10642
+ },
10643
+ value: field.value,
10644
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
10645
+ }
10633
10646
  }
10634
10647
  );
10635
10648
  }
10636
10649
  }
10637
10650
  ),
10638
- /* @__PURE__ */ import_react56.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
10651
+ /* @__PURE__ */ import_react56.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
10639
10652
  ))
10640
10653
  );
10641
10654
  };
@@ -10867,7 +10880,7 @@ var ContactForm = ({
10867
10880
  ),
10868
10881
  style: cardless ? { boxShadow: "none" } : void 0
10869
10882
  },
10870
- /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement(
10883
+ /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react64.default.createElement(
10871
10884
  "form",
10872
10885
  {
10873
10886
  noValidate: true,
package/dist/index.mjs CHANGED
@@ -10313,12 +10313,14 @@ var FeedbackEmoji = (props) => {
10313
10313
  classNames: {
10314
10314
  textarea: "hawa-mt-2 hawa-h-full hawa-resize-none"
10315
10315
  },
10316
- placeholder: "Your feedback",
10317
- onChange: (e) => {
10318
- if (e.target.value) {
10319
- setHelperText(false);
10316
+ textareaProps: {
10317
+ placeholder: "Your feedback",
10318
+ onChange: (e) => {
10319
+ if (e.target.value) {
10320
+ setHelperText(false);
10321
+ }
10322
+ setFeedbackText(e.target.value);
10320
10323
  }
10321
- setFeedbackText(e.target.value);
10322
10324
  }
10323
10325
  }
10324
10326
  )
@@ -10344,13 +10346,17 @@ import { useForm as useForm7, Controller as Controller7 } from "react-hook-form"
10344
10346
  import { zodResolver as zodResolver7 } from "@hookform/resolvers/zod";
10345
10347
  import * as z7 from "zod";
10346
10348
  var FeedbackForm = (props) => {
10347
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
10349
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
10348
10350
  const formSchema = z7.object({
10349
10351
  requestType: z7.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.requestType) == null ? void 0 : _b.required }).min(1, { message: (_d = (_c = props.texts) == null ? void 0 : _c.requestType) == null ? void 0 : _d.required }),
10350
10352
  description: z7.string({ required_error: (_f = (_e = props.texts) == null ? void 0 : _e.description) == null ? void 0 : _f.required }).min(10, { message: (_h = (_g = props.texts) == null ? void 0 : _g.description) == null ? void 0 : _h.tooShort })
10351
10353
  });
10352
- const { handleSubmit, control, formState } = useForm7({
10353
- resolver: zodResolver7(formSchema)
10354
+ const { handleSubmit, control, formState, reset } = useForm7({
10355
+ resolver: zodResolver7(formSchema),
10356
+ defaultValues: {
10357
+ requestType: "",
10358
+ description: ""
10359
+ }
10354
10360
  });
10355
10361
  return /* @__PURE__ */ React83.createElement(
10356
10362
  Card,
@@ -10360,7 +10366,7 @@ var FeedbackForm = (props) => {
10360
10366
  ),
10361
10367
  style: props.cardless ? { boxShadow: "none" } : void 0
10362
10368
  },
10363
- /* @__PURE__ */ React83.createElement(CardContent, { headless: true }, /* @__PURE__ */ React83.createElement(
10369
+ /* @__PURE__ */ React83.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React83.createElement(
10364
10370
  "form",
10365
10371
  {
10366
10372
  noValidate: true,
@@ -10371,53 +10377,60 @@ var FeedbackForm = (props) => {
10371
10377
  console.log("Form is submitted but onSubmit prop is missing");
10372
10378
  }
10373
10379
  }),
10374
- className: "hawa-flex hawa-flex-col hawa-gap-4"
10380
+ className: "hawa-flex hawa-flex-col hawa-gap-2"
10375
10381
  },
10376
- /* @__PURE__ */ React83.createElement(Label2, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
10382
+ /* @__PURE__ */ React83.createElement(Label2, null),
10377
10383
  /* @__PURE__ */ React83.createElement(
10378
10384
  Controller7,
10379
10385
  {
10380
10386
  name: "requestType",
10381
10387
  control,
10382
10388
  render: ({ field }) => {
10383
- var _a2, _b2, _c2, _d2, _e2, _f2;
10389
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
10384
10390
  return /* @__PURE__ */ React83.createElement(
10385
10391
  Select,
10386
10392
  {
10387
10393
  ...field,
10388
10394
  ...props.selectProps,
10395
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
10389
10396
  onChange: (option) => field.onChange(option.value),
10390
10397
  options: props.requestTypes,
10391
- helperText: (_b2 = (_a2 = formState.errors.requestType) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
10392
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.requestType) == null ? void 0 : _d2.placeholder,
10398
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
10399
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
10393
10400
  texts: {
10394
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
10401
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
10395
10402
  }
10396
10403
  }
10397
10404
  );
10398
10405
  }
10399
10406
  }
10400
10407
  ),
10401
- /* @__PURE__ */ React83.createElement(Label2, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
10402
10408
  /* @__PURE__ */ React83.createElement(
10403
10409
  Controller7,
10404
10410
  {
10405
10411
  name: "description",
10406
10412
  control,
10407
10413
  render: ({ field }) => {
10408
- var _a2, _b2, _c2, _d2;
10414
+ var _a2, _b2, _c2, _d2, _e2, _f2;
10409
10415
  return /* @__PURE__ */ React83.createElement(
10410
10416
  Textarea,
10411
10417
  {
10412
- ...field,
10413
10418
  helperText: formState.errors.description && ((_b2 = (_a2 = formState.errors.description) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()),
10414
- placeholder: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.placeholder
10419
+ classNames: { textarea: "hawa-h-full hawa-min-h-20" },
10420
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
10421
+ textareaProps: {
10422
+ onChange: (e) => {
10423
+ field.onChange(e.target.value);
10424
+ },
10425
+ value: field.value,
10426
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
10427
+ }
10415
10428
  }
10416
10429
  );
10417
10430
  }
10418
10431
  }
10419
10432
  ),
10420
- /* @__PURE__ */ React83.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
10433
+ /* @__PURE__ */ React83.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
10421
10434
  ))
10422
10435
  );
10423
10436
  };
@@ -10649,7 +10662,7 @@ var ContactForm = ({
10649
10662
  ),
10650
10663
  style: cardless ? { boxShadow: "none" } : void 0
10651
10664
  },
10652
- /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement(
10665
+ /* @__PURE__ */ React91.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React91.createElement(
10653
10666
  "form",
10654
10667
  {
10655
10668
  noValidate: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.27.2-next",
3
+ "version": "0.27.4-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",