@sikka/hawa 0.19.1-next → 0.19.3-next

package/dist/index.css

@@ -1478,9 +1478,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-min-h-\[37\.75px\] {
   min-height: 37.75px;
 }
-.hawa-min-h-\[80px\] {
-  min-height: 80px;
-}
 .hawa-min-h-fit {
   min-height: -moz-fit-content;
   min-height: fit-content;

package/dist/index.d.mts

@@ -272,6 +272,10 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
 
 interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;
+    /** The label of the input field   */
+    label?: any;
+    labelProps?: LabelProps;
+    forceHideHelperText?: boolean;
 }
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
@@ -303,8 +307,6 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     label?: any;
     labelProps?: LabelProps | undefined;
     hideSeparator?: boolean | undefined;
-    /** Disable/Enable multiple line text input field   */
-    multiline?: boolean | undefined;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
     forceHideHelperText?: boolean | undefined;
@@ -399,6 +401,7 @@ interface AvatarProps {
     size?: "2xs" | "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
     radius?: RadiusType;
     className?: string;
+    icon?: React__default.ReactNode;
 }
 declare const Avatar: React__default.FC<AvatarProps>;
 

package/dist/index.d.ts

@@ -272,6 +272,10 @@ declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.Re
 
 interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;
+    /** The label of the input field   */
+    label?: any;
+    labelProps?: LabelProps;
+    forceHideHelperText?: boolean;
 }
 declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
 
@@ -303,8 +307,6 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     label?: any;
     labelProps?: LabelProps | undefined;
     hideSeparator?: boolean | undefined;
-    /** Disable/Enable multiple line text input field   */
-    multiline?: boolean | undefined;
     /** The small red text under the input field to show validation.   */
     helperText?: any;
     forceHideHelperText?: boolean | undefined;
@@ -399,6 +401,7 @@ interface AvatarProps {
     size?: "2xs" | "xs" | "sm" | "default" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
     radius?: RadiusType;
     className?: string;
+    icon?: React__default.ReactNode;
 }
 declare const Avatar: React__default.FC<AvatarProps>;
 

package/dist/index.js

@@ -3762,18 +3762,18 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 // components/elements/Textarea.tsx
 var React22 = __toESM(require("react"));
 var Textarea = React22.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
+  ({ className, labelProps, forceHideHelperText, ...props }, ref) => {
+    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(
       "textarea",
       {
         className: cn(
-          "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",
+          "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",
           className
         ),
         ref,
         ...props
       }
-    ), /* @__PURE__ */ React22.createElement(
+    ), !forceHideHelperText && /* @__PURE__ */ React22.createElement(
       "p",
       {
         className: cn(
@@ -3782,7 +3782,7 @@ var Textarea = React22.forwardRef(
         )
       },
       props.helperText
-    ), " ");
+    ));
   }
 );
 Textarea.displayName = "Textarea";
@@ -4651,6 +4651,7 @@ var Avatar = ({
   alt,
   size = "default",
   radius = "inherit",
+  icon,
   className,
   ...props
 }) => {
@@ -4714,7 +4715,7 @@ var Avatar = ({
           "hawa-justify-center hawa-items-center hawa-flex hawa-flex-col"
         )
       },
-      /* @__PURE__ */ import_react18.default.createElement(
+      icon ? icon : /* @__PURE__ */ import_react18.default.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -7125,7 +7126,6 @@ var SheetOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref
   }
 ));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = (0, import_class_variance_authority3.cva)(
   "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
   {
@@ -7169,7 +7169,6 @@ var SheetContent = React58.forwardRef(({ side = "right", className, children, ..
     )
   ), /* @__PURE__ */ React58.createElement("span", { className: "hawa-sr-only" }, "Close"))
 )));
-SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
@@ -7183,7 +7182,6 @@ var SheetHeader = ({
     ...props
   }
 );
-SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
@@ -7197,7 +7195,6 @@ var SheetFooter = ({
     ...props
   }
 );
-SheetFooter.displayName = "SheetFooter";
 var SheetTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   SheetPrimitive.Title,
   {
@@ -7209,7 +7206,6 @@ var SheetTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
 var SheetDescription = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   SheetPrimitive.Description,
   {
@@ -7219,6 +7215,11 @@ var SheetDescription = React58.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+SheetHeader.displayName = "SheetHeader";
+SheetFooter.displayName = "SheetFooter";
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/ProgressCircle.tsx
 var import_react35 = __toESM(require("react"));

package/dist/index.mjs

@@ -3529,18 +3529,18 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 // components/elements/Textarea.tsx
 import * as React22 from "react";
 var Textarea = React22.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement(
+  ({ className, labelProps, forceHideHelperText, ...props }, ref) => {
+    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(
       "textarea",
       {
         className: cn(
-          "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",
+          "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",
           className
         ),
         ref,
         ...props
       }
-    ), /* @__PURE__ */ React22.createElement(
+    ), !forceHideHelperText && /* @__PURE__ */ React22.createElement(
       "p",
       {
         className: cn(
@@ -3549,7 +3549,7 @@ var Textarea = React22.forwardRef(
         )
       },
       props.helperText
-    ), " ");
+    ));
   }
 );
 Textarea.displayName = "Textarea";
@@ -4421,6 +4421,7 @@ var Avatar = ({
   alt,
   size = "default",
   radius = "inherit",
+  icon,
   className,
   ...props
 }) => {
@@ -4484,7 +4485,7 @@ var Avatar = ({
           "hawa-justify-center hawa-items-center hawa-flex hawa-flex-col"
         )
       },
-      /* @__PURE__ */ React31.createElement(
+      icon ? icon : /* @__PURE__ */ React31.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -6907,7 +6908,6 @@ var SheetOverlay = React58.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref
   }
 ));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = cva3(
   "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
   {
@@ -6951,7 +6951,6 @@ var SheetContent = React58.forwardRef(({ side = "right", className, children, ..
     )
   ), /* @__PURE__ */ React58.createElement("span", { className: "hawa-sr-only" }, "Close"))
 )));
-SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
@@ -6965,7 +6964,6 @@ var SheetHeader = ({
     ...props
   }
 );
-SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
@@ -6979,7 +6977,6 @@ var SheetFooter = ({
     ...props
   }
 );
-SheetFooter.displayName = "SheetFooter";
 var SheetTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   SheetPrimitive.Title,
   {
@@ -6991,7 +6988,6 @@ var SheetTitle = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
 var SheetDescription = React58.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React58.createElement(
   SheetPrimitive.Description,
   {
@@ -7001,6 +6997,11 @@ var SheetDescription = React58.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+SheetHeader.displayName = "SheetHeader";
+SheetFooter.displayName = "SheetFooter";
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/ProgressCircle.tsx
 import React59 from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.19.1-next",
+  "version": "0.19.3-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",