@sikka/hawa 0.19.2-next → 0.19.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.
Files changed (6) hide show
  1. package/dist/index.css +0 -3
  2. package/dist/index.d.mts +8 -2
  3. package/dist/index.d.ts +8 -2
  4. package/dist/index.js +76 -74
  5. package/dist/index.mjs +76 -74
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1478,9 +1478,6 @@ input[type="number"]::-webkit-inner-spin-button,
1478
1478
  .hawa-min-h-\[37\.75px\] {
1479
1479
  min-height: 37.75px;
1480
1480
  }
1481
- .hawa-min-h-\[80px\] {
1482
- min-height: 80px;
1483
- }
1484
1481
  .hawa-min-h-fit {
1485
1482
  min-height: -moz-fit-content;
1486
1483
  min-height: fit-content;
package/dist/index.d.mts CHANGED
@@ -272,6 +272,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
272
272
 
273
273
  interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
274
274
  helperText?: string;
275
+ /** The label of the input field */
276
+ label?: any;
277
+ labelProps?: LabelProps;
278
+ forceHideHelperText?: boolean;
279
+ textareaProps?: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
275
280
  }
276
281
  declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
277
282
 
@@ -303,8 +308,6 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
303
308
  label?: any;
304
309
  labelProps?: LabelProps | undefined;
305
310
  hideSeparator?: boolean | undefined;
306
- /** Disable/Enable multiple line text input field */
307
- multiline?: boolean | undefined;
308
311
  /** The small red text under the input field to show validation. */
309
312
  helperText?: any;
310
313
  forceHideHelperText?: boolean | undefined;
@@ -428,8 +431,10 @@ declare const DialogPortal: {
428
431
  };
429
432
  declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
430
433
  persist?: boolean | undefined;
434
+ hideCloseButton?: boolean | undefined;
431
435
  } & React$1.RefAttributes<HTMLDivElement>>;
432
436
  declare const DialogCarouselContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
437
+ hideCloseButton?: boolean | undefined;
433
438
  persist?: boolean | undefined;
434
439
  onPrev?: (() => void) | undefined;
435
440
  } & React$1.RefAttributes<HTMLDivElement>>;
@@ -955,6 +960,7 @@ declare const sheetVariants: (props?: ({
955
960
  side?: "top" | "bottom" | "right" | "left" | null | undefined;
956
961
  } & class_variance_authority_types.ClassProp) | undefined) => string;
957
962
  interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
963
+ hideCloseButton?: boolean;
958
964
  }
959
965
  declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
960
966
  declare const SheetHeader: {
package/dist/index.d.ts CHANGED
@@ -272,6 +272,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
272
272
 
273
273
  interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
274
274
  helperText?: string;
275
+ /** The label of the input field */
276
+ label?: any;
277
+ labelProps?: LabelProps;
278
+ forceHideHelperText?: boolean;
279
+ textareaProps?: React$1.TextareaHTMLAttributes<HTMLTextAreaElement>;
275
280
  }
276
281
  declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
277
282
 
@@ -303,8 +308,6 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
303
308
  label?: any;
304
309
  labelProps?: LabelProps | undefined;
305
310
  hideSeparator?: boolean | undefined;
306
- /** Disable/Enable multiple line text input field */
307
- multiline?: boolean | undefined;
308
311
  /** The small red text under the input field to show validation. */
309
312
  helperText?: any;
310
313
  forceHideHelperText?: boolean | undefined;
@@ -428,8 +431,10 @@ declare const DialogPortal: {
428
431
  };
429
432
  declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
430
433
  persist?: boolean | undefined;
434
+ hideCloseButton?: boolean | undefined;
431
435
  } & React$1.RefAttributes<HTMLDivElement>>;
432
436
  declare const DialogCarouselContent: React$1.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
437
+ hideCloseButton?: boolean | undefined;
433
438
  persist?: boolean | undefined;
434
439
  onPrev?: (() => void) | undefined;
435
440
  } & React$1.RefAttributes<HTMLDivElement>>;
@@ -955,6 +960,7 @@ declare const sheetVariants: (props?: ({
955
960
  side?: "top" | "bottom" | "right" | "left" | null | undefined;
956
961
  } & class_variance_authority_types.ClassProp) | undefined) => string;
957
962
  interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
963
+ hideCloseButton?: boolean;
958
964
  }
959
965
  declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
960
966
  declare const SheetHeader: {
package/dist/index.js CHANGED
@@ -3762,18 +3762,18 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
3762
3762
  // components/elements/Textarea.tsx
3763
3763
  var React22 = __toESM(require("react"));
3764
3764
  var Textarea = React22.forwardRef(
3765
- ({ className, ...props }, ref) => {
3766
- return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
3765
+ ({ className, labelProps, forceHideHelperText, textareaProps, ...props }, ref) => {
3766
+ return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-h-full" }, props.label && /* @__PURE__ */ React22.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React22.createElement(
3767
3767
  "textarea",
3768
3768
  {
3769
3769
  className: cn(
3770
- "hawa-flex hawa-min-h-[80px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
3770
+ "hawa-flex hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
3771
3771
  className
3772
3772
  ),
3773
3773
  ref,
3774
- ...props
3774
+ ...textareaProps
3775
3775
  }
3776
- ), /* @__PURE__ */ React22.createElement(
3776
+ ), !forceHideHelperText && /* @__PURE__ */ React22.createElement(
3777
3777
  "p",
3778
3778
  {
3779
3779
  className: cn(
@@ -3782,7 +3782,7 @@ var Textarea = React22.forwardRef(
3782
3782
  )
3783
3783
  },
3784
3784
  props.helperText
3785
- ), " ");
3785
+ ));
3786
3786
  }
3787
3787
  );
3788
3788
  Textarea.displayName = "Textarea";
@@ -4033,7 +4033,7 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
4033
4033
  ...props
4034
4034
  }
4035
4035
  ));
4036
- var DialogContent = React26.forwardRef(({ className, children, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
4036
+ var DialogContent = React26.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
4037
4037
  DialogPrimitive.Content,
4038
4038
  {
4039
4039
  onPointerDownOutside: (e) => {
@@ -4049,7 +4049,7 @@ var DialogContent = React26.forwardRef(({ className, children, persist, ...props
4049
4049
  ...props
4050
4050
  },
4051
4051
  children,
4052
- /* @__PURE__ */ React26.createElement(
4052
+ !hideCloseButton && /* @__PURE__ */ React26.createElement(
4053
4053
  DialogPrimitive.Close,
4054
4054
  {
4055
4055
  className: cn(
@@ -4078,86 +4078,88 @@ var DialogContent = React26.forwardRef(({ className, children, persist, ...props
4078
4078
  /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
4079
4079
  )
4080
4080
  )));
4081
- var DialogCarouselContent = React26.forwardRef(({ className, children, onPrev, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
4082
- DialogPrimitive.Content,
4083
- {
4084
- onPointerDownOutside: (e) => {
4085
- if (persist) {
4086
- e.preventDefault();
4087
- }
4088
- },
4089
- ref,
4090
- className: cn(
4091
- "hawa-fixed hawa-pt-14 hawa-left-[50%] hawa-transition-all hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
4092
- className
4093
- ),
4094
- ...props
4095
- },
4096
- children,
4097
- /* @__PURE__ */ React26.createElement(
4098
- "div",
4081
+ var DialogCarouselContent = React26.forwardRef(
4082
+ ({ className, children, onPrev, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
4083
+ DialogPrimitive.Content,
4099
4084
  {
4085
+ onPointerDownOutside: (e) => {
4086
+ if (persist) {
4087
+ e.preventDefault();
4088
+ }
4089
+ },
4090
+ ref,
4100
4091
  className: cn(
4101
- "hawa-w-full hawa-flex hawa-flex-row hawa-absolute hawa-top-0 hawa-p-4",
4102
- onPrev ? "hawa-justify-between" : "hawa-justify-end"
4103
- )
4092
+ "hawa-fixed hawa-pt-14 hawa-left-[50%] hawa-transition-all hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
4093
+ className
4094
+ ),
4095
+ ...props
4104
4096
  },
4105
- onPrev && /* @__PURE__ */ React26.createElement(
4097
+ children,
4098
+ /* @__PURE__ */ React26.createElement(
4106
4099
  "div",
4107
4100
  {
4108
- onClick: onPrev,
4109
4101
  className: cn(
4110
- "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground hawa-cursor-pointer",
4111
- props.dir === "rtl" && "hawa-rotate-180"
4102
+ "hawa-w-full hawa-flex hawa-flex-row hawa-absolute hawa-top-0 hawa-p-4",
4103
+ onPrev ? "hawa-justify-between" : "hawa-justify-end"
4112
4104
  )
4113
4105
  },
4114
- /* @__PURE__ */ React26.createElement(
4115
- "svg",
4106
+ onPrev && /* @__PURE__ */ React26.createElement(
4107
+ "div",
4116
4108
  {
4117
- xmlns: "http://www.w3.org/2000/svg",
4118
- width: "24",
4119
- height: "24",
4120
- viewBox: "0 0 24 24",
4121
- fill: "none",
4122
- className: "hawa-h-6 hawa-w-6",
4123
- stroke: "currentColor",
4124
- strokeWidth: "2",
4125
- strokeLinecap: "round",
4126
- strokeLinejoin: "round"
4109
+ onClick: onPrev,
4110
+ className: cn(
4111
+ "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground hawa-cursor-pointer",
4112
+ props.dir === "rtl" && "hawa-rotate-180"
4113
+ )
4127
4114
  },
4128
- /* @__PURE__ */ React26.createElement("path", { d: "m15 18-6-6 6-6" })
4129
- )
4130
- ),
4131
- /* @__PURE__ */ React26.createElement(
4132
- DialogPrimitive.Close,
4133
- {
4134
- className: cn(
4135
- "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
4136
- props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
4115
+ /* @__PURE__ */ React26.createElement(
4116
+ "svg",
4117
+ {
4118
+ xmlns: "http://www.w3.org/2000/svg",
4119
+ width: "24",
4120
+ height: "24",
4121
+ viewBox: "0 0 24 24",
4122
+ fill: "none",
4123
+ className: "hawa-h-6 hawa-w-6",
4124
+ stroke: "currentColor",
4125
+ strokeWidth: "2",
4126
+ strokeLinecap: "round",
4127
+ strokeLinejoin: "round"
4128
+ },
4129
+ /* @__PURE__ */ React26.createElement("path", { d: "m15 18-6-6 6-6" })
4137
4130
  )
4138
- },
4139
- /* @__PURE__ */ React26.createElement(
4140
- "svg",
4131
+ ),
4132
+ !hideCloseButton && /* @__PURE__ */ React26.createElement(
4133
+ DialogPrimitive.Close,
4141
4134
  {
4142
- "aria-label": "Close Icon",
4143
- "aria-hidden": "true",
4144
- className: "hawa-h-6 hawa-w-6",
4145
- fill: "currentColor",
4146
- viewBox: "0 0 20 20"
4135
+ className: cn(
4136
+ "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
4137
+ props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
4138
+ )
4147
4139
  },
4148
4140
  /* @__PURE__ */ React26.createElement(
4149
- "path",
4141
+ "svg",
4150
4142
  {
4151
- fillRule: "evenodd",
4152
- d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
4153
- clipRule: "evenodd"
4154
- }
4155
- )
4156
- ),
4157
- /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
4143
+ "aria-label": "Close Icon",
4144
+ "aria-hidden": "true",
4145
+ className: "hawa-h-6 hawa-w-6",
4146
+ fill: "currentColor",
4147
+ viewBox: "0 0 20 20"
4148
+ },
4149
+ /* @__PURE__ */ React26.createElement(
4150
+ "path",
4151
+ {
4152
+ fillRule: "evenodd",
4153
+ d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
4154
+ clipRule: "evenodd"
4155
+ }
4156
+ )
4157
+ ),
4158
+ /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
4159
+ )
4158
4160
  )
4159
- )
4160
- )));
4161
+ ))
4162
+ );
4161
4163
  var DialogHeader = ({
4162
4164
  className,
4163
4165
  ...props
@@ -7142,7 +7144,7 @@ var sheetVariants = (0, import_class_variance_authority3.cva)(
7142
7144
  }
7143
7145
  }
7144
7146
  );
7145
- var SheetContent = React58.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React58.createElement(SheetPortal, null, /* @__PURE__ */ React58.createElement(SheetOverlay, null), /* @__PURE__ */ React58.createElement(
7147
+ var SheetContent = React58.forwardRef(({ side = "right", className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React58.createElement(SheetPortal, null, /* @__PURE__ */ React58.createElement(SheetOverlay, null), /* @__PURE__ */ React58.createElement(
7146
7148
  SheetPrimitive.Content,
7147
7149
  {
7148
7150
  ref,
@@ -7150,7 +7152,7 @@ var SheetContent = React58.forwardRef(({ side = "right", className, children, ..
7150
7152
  ...props
7151
7153
  },
7152
7154
  children,
7153
- /* @__PURE__ */ React58.createElement(SheetPrimitive.Close, { className: "hawa-absolute hawa-right-4 hawa-top-4 hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary" }, /* @__PURE__ */ React58.createElement(
7155
+ !hideCloseButton && /* @__PURE__ */ React58.createElement(SheetPrimitive.Close, { className: "hawa-absolute hawa-right-4 hawa-top-4 hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary" }, /* @__PURE__ */ React58.createElement(
7154
7156
  "svg",
7155
7157
  {
7156
7158
  "aria-label": "Close Icon",
package/dist/index.mjs CHANGED
@@ -3529,18 +3529,18 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
3529
3529
  // components/elements/Textarea.tsx
3530
3530
  import * as React22 from "react";
3531
3531
  var Textarea = React22.forwardRef(
3532
- ({ className, ...props }, ref) => {
3533
- return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
3532
+ ({ className, labelProps, forceHideHelperText, textareaProps, ...props }, ref) => {
3533
+ return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 hawa-h-full" }, props.label && /* @__PURE__ */ React22.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React22.createElement(
3534
3534
  "textarea",
3535
3535
  {
3536
3536
  className: cn(
3537
- "hawa-flex hawa-min-h-[80px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
3537
+ "hawa-flex hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
3538
3538
  className
3539
3539
  ),
3540
3540
  ref,
3541
- ...props
3541
+ ...textareaProps
3542
3542
  }
3543
- ), /* @__PURE__ */ React22.createElement(
3543
+ ), !forceHideHelperText && /* @__PURE__ */ React22.createElement(
3544
3544
  "p",
3545
3545
  {
3546
3546
  className: cn(
@@ -3549,7 +3549,7 @@ var Textarea = React22.forwardRef(
3549
3549
  )
3550
3550
  },
3551
3551
  props.helperText
3552
- ), " ");
3552
+ ));
3553
3553
  }
3554
3554
  );
3555
3555
  Textarea.displayName = "Textarea";
@@ -3803,7 +3803,7 @@ var DialogOverlay = React26.forwardRef(({ className, ...props }, ref) => /* @__P
3803
3803
  ...props
3804
3804
  }
3805
3805
  ));
3806
- var DialogContent = React26.forwardRef(({ className, children, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
3806
+ var DialogContent = React26.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
3807
3807
  DialogPrimitive.Content,
3808
3808
  {
3809
3809
  onPointerDownOutside: (e) => {
@@ -3819,7 +3819,7 @@ var DialogContent = React26.forwardRef(({ className, children, persist, ...props
3819
3819
  ...props
3820
3820
  },
3821
3821
  children,
3822
- /* @__PURE__ */ React26.createElement(
3822
+ !hideCloseButton && /* @__PURE__ */ React26.createElement(
3823
3823
  DialogPrimitive.Close,
3824
3824
  {
3825
3825
  className: cn(
@@ -3848,86 +3848,88 @@ var DialogContent = React26.forwardRef(({ className, children, persist, ...props
3848
3848
  /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
3849
3849
  )
3850
3850
  )));
3851
- var DialogCarouselContent = React26.forwardRef(({ className, children, onPrev, persist, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
3852
- DialogPrimitive.Content,
3853
- {
3854
- onPointerDownOutside: (e) => {
3855
- if (persist) {
3856
- e.preventDefault();
3857
- }
3858
- },
3859
- ref,
3860
- className: cn(
3861
- "hawa-fixed hawa-pt-14 hawa-left-[50%] hawa-transition-all hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
3862
- className
3863
- ),
3864
- ...props
3865
- },
3866
- children,
3867
- /* @__PURE__ */ React26.createElement(
3868
- "div",
3851
+ var DialogCarouselContent = React26.forwardRef(
3852
+ ({ className, children, onPrev, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React26.createElement(DialogPortal, null, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(
3853
+ DialogPrimitive.Content,
3869
3854
  {
3855
+ onPointerDownOutside: (e) => {
3856
+ if (persist) {
3857
+ e.preventDefault();
3858
+ }
3859
+ },
3860
+ ref,
3870
3861
  className: cn(
3871
- "hawa-w-full hawa-flex hawa-flex-row hawa-absolute hawa-top-0 hawa-p-4",
3872
- onPrev ? "hawa-justify-between" : "hawa-justify-end"
3873
- )
3862
+ "hawa-fixed hawa-pt-14 hawa-left-[50%] hawa-transition-all hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
3863
+ className
3864
+ ),
3865
+ ...props
3874
3866
  },
3875
- onPrev && /* @__PURE__ */ React26.createElement(
3867
+ children,
3868
+ /* @__PURE__ */ React26.createElement(
3876
3869
  "div",
3877
3870
  {
3878
- onClick: onPrev,
3879
3871
  className: cn(
3880
- "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground hawa-cursor-pointer",
3881
- props.dir === "rtl" && "hawa-rotate-180"
3872
+ "hawa-w-full hawa-flex hawa-flex-row hawa-absolute hawa-top-0 hawa-p-4",
3873
+ onPrev ? "hawa-justify-between" : "hawa-justify-end"
3882
3874
  )
3883
3875
  },
3884
- /* @__PURE__ */ React26.createElement(
3885
- "svg",
3876
+ onPrev && /* @__PURE__ */ React26.createElement(
3877
+ "div",
3886
3878
  {
3887
- xmlns: "http://www.w3.org/2000/svg",
3888
- width: "24",
3889
- height: "24",
3890
- viewBox: "0 0 24 24",
3891
- fill: "none",
3892
- className: "hawa-h-6 hawa-w-6",
3893
- stroke: "currentColor",
3894
- strokeWidth: "2",
3895
- strokeLinecap: "round",
3896
- strokeLinejoin: "round"
3879
+ onClick: onPrev,
3880
+ className: cn(
3881
+ "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground hawa-cursor-pointer",
3882
+ props.dir === "rtl" && "hawa-rotate-180"
3883
+ )
3897
3884
  },
3898
- /* @__PURE__ */ React26.createElement("path", { d: "m15 18-6-6 6-6" })
3899
- )
3900
- ),
3901
- /* @__PURE__ */ React26.createElement(
3902
- DialogPrimitive.Close,
3903
- {
3904
- className: cn(
3905
- "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
3906
- props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
3885
+ /* @__PURE__ */ React26.createElement(
3886
+ "svg",
3887
+ {
3888
+ xmlns: "http://www.w3.org/2000/svg",
3889
+ width: "24",
3890
+ height: "24",
3891
+ viewBox: "0 0 24 24",
3892
+ fill: "none",
3893
+ className: "hawa-h-6 hawa-w-6",
3894
+ stroke: "currentColor",
3895
+ strokeWidth: "2",
3896
+ strokeLinecap: "round",
3897
+ strokeLinejoin: "round"
3898
+ },
3899
+ /* @__PURE__ */ React26.createElement("path", { d: "m15 18-6-6 6-6" })
3907
3900
  )
3908
- },
3909
- /* @__PURE__ */ React26.createElement(
3910
- "svg",
3901
+ ),
3902
+ !hideCloseButton && /* @__PURE__ */ React26.createElement(
3903
+ DialogPrimitive.Close,
3911
3904
  {
3912
- "aria-label": "Close Icon",
3913
- "aria-hidden": "true",
3914
- className: "hawa-h-6 hawa-w-6",
3915
- fill: "currentColor",
3916
- viewBox: "0 0 20 20"
3905
+ className: cn(
3906
+ "hawa-rounded hawa-end-0 hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
3907
+ props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
3908
+ )
3917
3909
  },
3918
3910
  /* @__PURE__ */ React26.createElement(
3919
- "path",
3911
+ "svg",
3920
3912
  {
3921
- fillRule: "evenodd",
3922
- d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
3923
- clipRule: "evenodd"
3924
- }
3925
- )
3926
- ),
3927
- /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
3913
+ "aria-label": "Close Icon",
3914
+ "aria-hidden": "true",
3915
+ className: "hawa-h-6 hawa-w-6",
3916
+ fill: "currentColor",
3917
+ viewBox: "0 0 20 20"
3918
+ },
3919
+ /* @__PURE__ */ React26.createElement(
3920
+ "path",
3921
+ {
3922
+ fillRule: "evenodd",
3923
+ d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
3924
+ clipRule: "evenodd"
3925
+ }
3926
+ )
3927
+ ),
3928
+ /* @__PURE__ */ React26.createElement("span", { className: "hawa-sr-only" }, "Close")
3929
+ )
3928
3930
  )
3929
- )
3930
- )));
3931
+ ))
3932
+ );
3931
3933
  var DialogHeader = ({
3932
3934
  className,
3933
3935
  ...props
@@ -6924,7 +6926,7 @@ var sheetVariants = cva3(
6924
6926
  }
6925
6927
  }
6926
6928
  );
6927
- var SheetContent = React58.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React58.createElement(SheetPortal, null, /* @__PURE__ */ React58.createElement(SheetOverlay, null), /* @__PURE__ */ React58.createElement(
6929
+ var SheetContent = React58.forwardRef(({ side = "right", className, children, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React58.createElement(SheetPortal, null, /* @__PURE__ */ React58.createElement(SheetOverlay, null), /* @__PURE__ */ React58.createElement(
6928
6930
  SheetPrimitive.Content,
6929
6931
  {
6930
6932
  ref,
@@ -6932,7 +6934,7 @@ var SheetContent = React58.forwardRef(({ side = "right", className, children, ..
6932
6934
  ...props
6933
6935
  },
6934
6936
  children,
6935
- /* @__PURE__ */ React58.createElement(SheetPrimitive.Close, { className: "hawa-absolute hawa-right-4 hawa-top-4 hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary" }, /* @__PURE__ */ React58.createElement(
6937
+ !hideCloseButton && /* @__PURE__ */ React58.createElement(SheetPrimitive.Close, { className: "hawa-absolute hawa-right-4 hawa-top-4 hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary" }, /* @__PURE__ */ React58.createElement(
6936
6938
  "svg",
6937
6939
  {
6938
6940
  "aria-label": "Close Icon",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.19.2-next",
3
+ "version": "0.19.4-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",