@sikka/hawa 0.27.2-next → 0.27.3-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.
Files changed (10) hide show
  1. package/dist/blocks/feedback/index.js +25 -17
  2. package/dist/blocks/feedback/index.mjs +25 -17
  3. package/dist/blocks/index.js +26 -18
  4. package/dist/blocks/index.mjs +26 -18
  5. package/dist/blocks/misc/index.js +1 -1
  6. package/dist/blocks/misc/index.mjs +1 -1
  7. package/dist/index.css +3 -0
  8. package/dist/index.js +26 -18
  9. package/dist/index.mjs +26 -18
  10. package/package.json +1 -1
package/dist/blocks/feedback/index.js CHANGED
@@ -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,7 +1492,7 @@ 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 })
@@ -1506,7 +1508,7 @@ var FeedbackForm = (props) => {
1506
1508
  ),
1507
1509
  style: props.cardless ? { boxShadow: "none" } : void 0
1508
1510
  },
1509
- /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react12.default.createElement(
1511
+ /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react12.default.createElement(
1510
1512
  "form",
1511
1513
  {
1512
1514
  noValidate: true,
@@ -1519,51 +1521,57 @@ var FeedbackForm = (props) => {
1519
1521
  }),
1520
1522
  className: "hawa-flex hawa-flex-col hawa-gap-4"
1521
1523
  },
1522
- /* @__PURE__ */ import_react12.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
1524
+ /* @__PURE__ */ import_react12.default.createElement(Label, null),
1523
1525
  /* @__PURE__ */ import_react12.default.createElement(
1524
1526
  import_react_hook_form2.Controller,
1525
1527
  {
1526
1528
  name: "requestType",
1527
1529
  control,
1528
1530
  render: ({ field }) => {
1529
- var _a2, _b2, _c2, _d2, _e2, _f2;
1531
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
1530
1532
  return /* @__PURE__ */ import_react12.default.createElement(
1531
1533
  Select,
1532
1534
  {
1533
1535
  ...field,
1534
1536
  ...props.selectProps,
1537
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
1535
1538
  onChange: (option) => field.onChange(option.value),
1536
1539
  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,
1540
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
1541
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
1539
1542
  texts: {
1540
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
1543
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
1541
1544
  }
1542
1545
  }
1543
1546
  );
1544
1547
  }
1545
1548
  }
1546
1549
  ),
1547
- /* @__PURE__ */ import_react12.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
1548
1550
  /* @__PURE__ */ import_react12.default.createElement(
1549
1551
  import_react_hook_form2.Controller,
1550
1552
  {
1551
1553
  name: "description",
1552
1554
  control,
1553
1555
  render: ({ field }) => {
1554
- var _a2, _b2, _c2, _d2;
1556
+ var _a2, _b2, _c2, _d2, _e2, _f2;
1555
1557
  return /* @__PURE__ */ import_react12.default.createElement(
1556
1558
  Textarea,
1557
1559
  {
1558
- ...field,
1559
1560
  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
1561
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
1562
+ textareaProps: {
1563
+ onChange: (e) => {
1564
+ field.onChange(e.target.value);
1565
+ },
1566
+ value: field.value,
1567
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
1568
+ }
1561
1569
  }
1562
1570
  );
1563
1571
  }
1564
1572
  }
1565
1573
  ),
1566
- /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
1574
+ /* @__PURE__ */ import_react12.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
1567
1575
  ))
1568
1576
  );
1569
1577
  };
package/dist/blocks/feedback/index.mjs CHANGED
@@ -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,7 +474,7 @@ 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 })
@@ -488,7 +490,7 @@ var FeedbackForm = (props) => {
488
490
  ),
489
491
  style: props.cardless ? { boxShadow: "none" } : void 0
490
492
  },
491
- /* @__PURE__ */ React5.createElement(CardContent, { headless: true }, /* @__PURE__ */ React5.createElement(
493
+ /* @__PURE__ */ React5.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React5.createElement(
492
494
  "form",
493
495
  {
494
496
  noValidate: true,
@@ -501,51 +503,57 @@ var FeedbackForm = (props) => {
501
503
  }),
502
504
  className: "hawa-flex hawa-flex-col hawa-gap-4"
503
505
  },
504
- /* @__PURE__ */ React5.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
506
+ /* @__PURE__ */ React5.createElement(Label, null),
505
507
  /* @__PURE__ */ React5.createElement(
506
508
  Controller2,
507
509
  {
508
510
  name: "requestType",
509
511
  control,
510
512
  render: ({ field }) => {
511
- var _a2, _b2, _c2, _d2, _e2, _f2;
513
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
512
514
  return /* @__PURE__ */ React5.createElement(
513
515
  Select,
514
516
  {
515
517
  ...field,
516
518
  ...props.selectProps,
519
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
517
520
  onChange: (option) => field.onChange(option.value),
518
521
  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,
522
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
523
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
521
524
  texts: {
522
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
525
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
523
526
  }
524
527
  }
525
528
  );
526
529
  }
527
530
  }
528
531
  ),
529
- /* @__PURE__ */ React5.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
530
532
  /* @__PURE__ */ React5.createElement(
531
533
  Controller2,
532
534
  {
533
535
  name: "description",
534
536
  control,
535
537
  render: ({ field }) => {
536
- var _a2, _b2, _c2, _d2;
538
+ var _a2, _b2, _c2, _d2, _e2, _f2;
537
539
  return /* @__PURE__ */ React5.createElement(
538
540
  Textarea,
539
541
  {
540
- ...field,
541
542
  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
543
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
544
+ textareaProps: {
545
+ onChange: (e) => {
546
+ field.onChange(e.target.value);
547
+ },
548
+ value: field.value,
549
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
550
+ }
543
551
  }
544
552
  );
545
553
  }
546
554
  }
547
555
  ),
548
- /* @__PURE__ */ React5.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
556
+ /* @__PURE__ */ React5.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
549
557
  ))
550
558
  );
551
559
  };
package/dist/blocks/index.js CHANGED
@@ -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,7 +5078,7 @@ 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 })
@@ -5092,7 +5094,7 @@ var FeedbackForm = (props) => {
5092
5094
  ),
5093
5095
  style: props.cardless ? { boxShadow: "none" } : void 0
5094
5096
  },
5095
- /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react26.default.createElement(
5097
+ /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react26.default.createElement(
5096
5098
  "form",
5097
5099
  {
5098
5100
  noValidate: true,
@@ -5105,51 +5107,57 @@ var FeedbackForm = (props) => {
5105
5107
  }),
5106
5108
  className: "hawa-flex hawa-flex-col hawa-gap-4"
5107
5109
  },
5108
- /* @__PURE__ */ import_react26.default.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
5110
+ /* @__PURE__ */ import_react26.default.createElement(Label, null),
5109
5111
  /* @__PURE__ */ import_react26.default.createElement(
5110
5112
  import_react_hook_form7.Controller,
5111
5113
  {
5112
5114
  name: "requestType",
5113
5115
  control,
5114
5116
  render: ({ field }) => {
5115
- var _a2, _b2, _c2, _d2, _e2, _f2;
5117
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
5116
5118
  return /* @__PURE__ */ import_react26.default.createElement(
5117
5119
  Select,
5118
5120
  {
5119
5121
  ...field,
5120
5122
  ...props.selectProps,
5123
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
5121
5124
  onChange: (option) => field.onChange(option.value),
5122
5125
  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,
5126
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
5127
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
5125
5128
  texts: {
5126
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
5129
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
5127
5130
  }
5128
5131
  }
5129
5132
  );
5130
5133
  }
5131
5134
  }
5132
5135
  ),
5133
- /* @__PURE__ */ import_react26.default.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
5134
5136
  /* @__PURE__ */ import_react26.default.createElement(
5135
5137
  import_react_hook_form7.Controller,
5136
5138
  {
5137
5139
  name: "description",
5138
5140
  control,
5139
5141
  render: ({ field }) => {
5140
- var _a2, _b2, _c2, _d2;
5142
+ var _a2, _b2, _c2, _d2, _e2, _f2;
5141
5143
  return /* @__PURE__ */ import_react26.default.createElement(
5142
5144
  Textarea,
5143
5145
  {
5144
- ...field,
5145
5146
  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
5147
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
5148
+ textareaProps: {
5149
+ onChange: (e) => {
5150
+ field.onChange(e.target.value);
5151
+ },
5152
+ value: field.value,
5153
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
5154
+ }
5147
5155
  }
5148
5156
  );
5149
5157
  }
5150
5158
  }
5151
5159
  ),
5152
- /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
5160
+ /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
5153
5161
  ))
5154
5162
  );
5155
5163
  };
@@ -5571,7 +5579,7 @@ var ContactForm = ({
5571
5579
  ),
5572
5580
  style: cardless ? { boxShadow: "none" } : void 0
5573
5581
  },
5574
- /* @__PURE__ */ import_react35.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react35.default.createElement(
5582
+ /* @__PURE__ */ import_react35.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react35.default.createElement(
5575
5583
  "form",
5576
5584
  {
5577
5585
  noValidate: true,
package/dist/blocks/index.mjs CHANGED
@@ -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,7 +1462,7 @@ 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 })
@@ -1476,7 +1478,7 @@ var FeedbackForm = (props) => {
1476
1478
  ),
1477
1479
  style: props.cardless ? { boxShadow: "none" } : void 0
1478
1480
  },
1479
- /* @__PURE__ */ React12.createElement(CardContent, { headless: true }, /* @__PURE__ */ React12.createElement(
1481
+ /* @__PURE__ */ React12.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React12.createElement(
1480
1482
  "form",
1481
1483
  {
1482
1484
  noValidate: true,
@@ -1489,51 +1491,57 @@ var FeedbackForm = (props) => {
1489
1491
  }),
1490
1492
  className: "hawa-flex hawa-flex-col hawa-gap-4"
1491
1493
  },
1492
- /* @__PURE__ */ React12.createElement(Label, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
1494
+ /* @__PURE__ */ React12.createElement(Label, null),
1493
1495
  /* @__PURE__ */ React12.createElement(
1494
1496
  Controller7,
1495
1497
  {
1496
1498
  name: "requestType",
1497
1499
  control,
1498
1500
  render: ({ field }) => {
1499
- var _a2, _b2, _c2, _d2, _e2, _f2;
1501
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
1500
1502
  return /* @__PURE__ */ React12.createElement(
1501
1503
  Select,
1502
1504
  {
1503
1505
  ...field,
1504
1506
  ...props.selectProps,
1507
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
1505
1508
  onChange: (option) => field.onChange(option.value),
1506
1509
  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,
1510
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
1511
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
1509
1512
  texts: {
1510
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
1513
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
1511
1514
  }
1512
1515
  }
1513
1516
  );
1514
1517
  }
1515
1518
  }
1516
1519
  ),
1517
- /* @__PURE__ */ React12.createElement(Label, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
1518
1520
  /* @__PURE__ */ React12.createElement(
1519
1521
  Controller7,
1520
1522
  {
1521
1523
  name: "description",
1522
1524
  control,
1523
1525
  render: ({ field }) => {
1524
- var _a2, _b2, _c2, _d2;
1526
+ var _a2, _b2, _c2, _d2, _e2, _f2;
1525
1527
  return /* @__PURE__ */ React12.createElement(
1526
1528
  Textarea,
1527
1529
  {
1528
- ...field,
1529
1530
  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
1531
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
1532
+ textareaProps: {
1533
+ onChange: (e) => {
1534
+ field.onChange(e.target.value);
1535
+ },
1536
+ value: field.value,
1537
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
1538
+ }
1531
1539
  }
1532
1540
  );
1533
1541
  }
1534
1542
  }
1535
1543
  ),
1536
- /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
1544
+ /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
1537
1545
  ))
1538
1546
  );
1539
1547
  };
@@ -1765,7 +1773,7 @@ var ContactForm = ({
1765
1773
  ),
1766
1774
  style: cardless ? { boxShadow: "none" } : void 0
1767
1775
  },
1768
- /* @__PURE__ */ React20.createElement(CardContent, { headless: true }, /* @__PURE__ */ React20.createElement(
1776
+ /* @__PURE__ */ React20.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React20.createElement(
1769
1777
  "form",
1770
1778
  {
1771
1779
  noValidate: true,
package/dist/blocks/misc/index.js CHANGED
@@ -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,
package/dist/blocks/misc/index.mjs CHANGED
@@ -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.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,7 +10564,7 @@ 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 })
@@ -10578,7 +10580,7 @@ var FeedbackForm = (props) => {
10578
10580
  ),
10579
10581
  style: props.cardless ? { boxShadow: "none" } : void 0
10580
10582
  },
10581
- /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react56.default.createElement(
10583
+ /* @__PURE__ */ import_react56.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react56.default.createElement(
10582
10584
  "form",
10583
10585
  {
10584
10586
  noValidate: true,
@@ -10591,51 +10593,57 @@ var FeedbackForm = (props) => {
10591
10593
  }),
10592
10594
  className: "hawa-flex hawa-flex-col hawa-gap-4"
10593
10595
  },
10594
- /* @__PURE__ */ import_react56.default.createElement(Label2, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
10596
+ /* @__PURE__ */ import_react56.default.createElement(Label2, null),
10595
10597
  /* @__PURE__ */ import_react56.default.createElement(
10596
10598
  import_react_hook_form7.Controller,
10597
10599
  {
10598
10600
  name: "requestType",
10599
10601
  control,
10600
10602
  render: ({ field }) => {
10601
- var _a2, _b2, _c2, _d2, _e2, _f2;
10603
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
10602
10604
  return /* @__PURE__ */ import_react56.default.createElement(
10603
10605
  Select,
10604
10606
  {
10605
10607
  ...field,
10606
10608
  ...props.selectProps,
10609
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
10607
10610
  onChange: (option) => field.onChange(option.value),
10608
10611
  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,
10612
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
10613
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
10611
10614
  texts: {
10612
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
10615
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
10613
10616
  }
10614
10617
  }
10615
10618
  );
10616
10619
  }
10617
10620
  }
10618
10621
  ),
10619
- /* @__PURE__ */ import_react56.default.createElement(Label2, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
10620
10622
  /* @__PURE__ */ import_react56.default.createElement(
10621
10623
  import_react_hook_form7.Controller,
10622
10624
  {
10623
10625
  name: "description",
10624
10626
  control,
10625
10627
  render: ({ field }) => {
10626
- var _a2, _b2, _c2, _d2;
10628
+ var _a2, _b2, _c2, _d2, _e2, _f2;
10627
10629
  return /* @__PURE__ */ import_react56.default.createElement(
10628
10630
  Textarea,
10629
10631
  {
10630
- ...field,
10631
10632
  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
10633
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
10634
+ textareaProps: {
10635
+ onChange: (e) => {
10636
+ field.onChange(e.target.value);
10637
+ },
10638
+ value: field.value,
10639
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
10640
+ }
10633
10641
  }
10634
10642
  );
10635
10643
  }
10636
10644
  }
10637
10645
  ),
10638
- /* @__PURE__ */ import_react56.default.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
10646
+ /* @__PURE__ */ import_react56.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
10639
10647
  ))
10640
10648
  );
10641
10649
  };
@@ -10867,7 +10875,7 @@ var ContactForm = ({
10867
10875
  ),
10868
10876
  style: cardless ? { boxShadow: "none" } : void 0
10869
10877
  },
10870
- /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react64.default.createElement(
10878
+ /* @__PURE__ */ import_react64.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react64.default.createElement(
10871
10879
  "form",
10872
10880
  {
10873
10881
  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,7 +10346,7 @@ 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 })
@@ -10360,7 +10362,7 @@ var FeedbackForm = (props) => {
10360
10362
  ),
10361
10363
  style: props.cardless ? { boxShadow: "none" } : void 0
10362
10364
  },
10363
- /* @__PURE__ */ React83.createElement(CardContent, { headless: true }, /* @__PURE__ */ React83.createElement(
10365
+ /* @__PURE__ */ React83.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React83.createElement(
10364
10366
  "form",
10365
10367
  {
10366
10368
  noValidate: true,
@@ -10373,51 +10375,57 @@ var FeedbackForm = (props) => {
10373
10375
  }),
10374
10376
  className: "hawa-flex hawa-flex-col hawa-gap-4"
10375
10377
  },
10376
- /* @__PURE__ */ React83.createElement(Label2, null, (_j = (_i = props.texts) == null ? void 0 : _i.requestType) == null ? void 0 : _j.label),
10378
+ /* @__PURE__ */ React83.createElement(Label2, null),
10377
10379
  /* @__PURE__ */ React83.createElement(
10378
10380
  Controller7,
10379
10381
  {
10380
10382
  name: "requestType",
10381
10383
  control,
10382
10384
  render: ({ field }) => {
10383
- var _a2, _b2, _c2, _d2, _e2, _f2;
10385
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
10384
10386
  return /* @__PURE__ */ React83.createElement(
10385
10387
  Select,
10386
10388
  {
10387
10389
  ...field,
10388
10390
  ...props.selectProps,
10391
+ label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.requestType) == null ? void 0 : _b2.label,
10389
10392
  onChange: (option) => field.onChange(option.value),
10390
10393
  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,
10394
+ helperText: (_d2 = (_c2 = formState.errors.requestType) == null ? void 0 : _c2.message) == null ? void 0 : _d2.toString(),
10395
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.placeholder,
10393
10396
  texts: {
10394
- noOptions: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.requestType) == null ? void 0 : _f2.noOptions
10397
+ noOptions: (_h2 = (_g2 = props.texts) == null ? void 0 : _g2.requestType) == null ? void 0 : _h2.noOptions
10395
10398
  }
10396
10399
  }
10397
10400
  );
10398
10401
  }
10399
10402
  }
10400
10403
  ),
10401
- /* @__PURE__ */ React83.createElement(Label2, null, (_l = (_k = props.texts) == null ? void 0 : _k.description) == null ? void 0 : _l.label),
10402
10404
  /* @__PURE__ */ React83.createElement(
10403
10405
  Controller7,
10404
10406
  {
10405
10407
  name: "description",
10406
10408
  control,
10407
10409
  render: ({ field }) => {
10408
- var _a2, _b2, _c2, _d2;
10410
+ var _a2, _b2, _c2, _d2, _e2, _f2;
10409
10411
  return /* @__PURE__ */ React83.createElement(
10410
10412
  Textarea,
10411
10413
  {
10412
- ...field,
10413
10414
  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
10415
+ label: (_d2 = (_c2 = props.texts) == null ? void 0 : _c2.description) == null ? void 0 : _d2.label,
10416
+ textareaProps: {
10417
+ onChange: (e) => {
10418
+ field.onChange(e.target.value);
10419
+ },
10420
+ value: field.value,
10421
+ placeholder: (_f2 = (_e2 = props.texts) == null ? void 0 : _e2.description) == null ? void 0 : _f2.placeholder
10422
+ }
10415
10423
  }
10416
10424
  );
10417
10425
  }
10418
10426
  }
10419
10427
  ),
10420
- /* @__PURE__ */ React83.createElement(Button, { type: "submit" }, (_m = props.texts) == null ? void 0 : _m.submit)
10428
+ /* @__PURE__ */ React83.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
10421
10429
  ))
10422
10430
  );
10423
10431
  };
@@ -10649,7 +10657,7 @@ var ContactForm = ({
10649
10657
  ),
10650
10658
  style: cardless ? { boxShadow: "none" } : void 0
10651
10659
  },
10652
- /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement(
10660
+ /* @__PURE__ */ React91.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React91.createElement(
10653
10661
  "form",
10654
10662
  {
10655
10663
  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.3-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",