@sikka/hawa 0.26.21 → 0.26.22

package/dist/tabs/index.js

@@ -131,19 +131,21 @@ var Chip = import_react.default.forwardRef(
 
 // elements/tabs/Tabs.tsx
 var TabsContext = React2.createContext({ orientation: "vertical" });
-var Tabs = React2.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-gap-2",
-      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
-));
+var Tabs = React2.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React2.createElement(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
+  )
+);
 Tabs.displayName = TabsPrimitive.Root.displayName;
 var TabsList = React2.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = React2.useContext(TabsContext);

package/dist/tabs/index.mjs

@@ -89,19 +89,21 @@ var Chip = React.forwardRef(
 
 // elements/tabs/Tabs.tsx
 var TabsContext = React2.createContext({ orientation: "vertical" });
-var Tabs = React2.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-gap-2",
-      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
-));
+var Tabs = React2.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React2.createElement(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
+  )
+);
 Tabs.displayName = TabsPrimitive.Root.displayName;
 var TabsList = React2.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = React2.useContext(TabsContext);

package/dist/textarea/index.d.mts

@@ -10,6 +10,7 @@ type LabelProps = {
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;
+    isLoading?: boolean;
     /** The label of the input field   */
     label?: any;
     labelProps?: LabelProps;

package/dist/textarea/index.d.ts

@@ -10,6 +10,7 @@ type LabelProps = {
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;
+    isLoading?: boolean;
     /** The label of the input field   */
     label?: any;
     labelProps?: LabelProps;

package/dist/textarea/index.js

@@ -35,7 +35,7 @@ __export(textarea_exports, {
 module.exports = __toCommonJS(textarea_exports);
 
 // elements/textarea/Textarea.tsx
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -44,13 +44,40 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
+// elements/skeleton/Skeleton.tsx
+var import_react = __toESM(require("react"));
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
 // elements/label/Label.tsx
-var React2 = __toESM(require("react"));
+var React3 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
-var import_react = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
+var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -63,7 +90,7 @@ var TooltipContent = import_react.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -78,13 +105,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react2.default.createElement(
       TooltipPrimitive.Root,
       {
         open,
@@ -92,14 +119,14 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react2.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
     )
   );
 };
 
 // elements/label/Label.tsx
-var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
+var Label = React3.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React3.createElement(
   "label",
   {
     ref,
@@ -110,8 +137,8 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
+  required && /* @__PURE__ */ React3.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React3.createElement(
   Tooltip,
   {
     content: hint,
@@ -121,7 +148,7 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+  /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -133,15 +160,15 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React3.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
 
 // elements/textarea/Textarea.tsx
-var Textarea = React3.forwardRef(
+var Textarea = React4.forwardRef(
   ({
     className,
     classNames,
@@ -150,9 +177,10 @@ var Textarea = React3.forwardRef(
     forceHideHelperText,
     textareaProps,
     countPosition = "bottom",
+    isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "div",
       {
         className: cn(
@@ -161,19 +189,27 @@ var Textarea = React3.forwardRef(
           className
         )
       },
-      props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React4.createElement(
+        "div",
+        {
+          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
+        },
+        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+        "/",
+        textareaProps == null ? void 0 : textareaProps.maxLength
+      )),
+      isLoading ? /* @__PURE__ */ React4.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React4.createElement(
         "textarea",
         {
           className: cn(
-            "hawa-flex hawa-min-h-[40px] 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-gray-400 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",
+            "hawa-flex hawa-min-h-[40px] hawa-h-[40px]  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-gray-400 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",
             classNames == null ? void 0 : classNames.textarea
           ),
           ref,
           ...textareaProps
         }
       ),
-      /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React4.createElement(
         "p",
         {
           className: cn(
@@ -182,20 +218,7 @@ var Textarea = React3.forwardRef(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React3.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-text-start hawa-text-xs hawa-transition-all",
-            {
-              "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-            }
-          )
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      ))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React4.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );

package/dist/textarea/index.mjs

@@ -3,15 +3,42 @@ import {
 } from "../chunk-TWNGV3RE.mjs";
 
 // elements/textarea/Textarea.tsx
-import * as React3 from "react";
+import * as React4 from "react";
+
+// elements/skeleton/Skeleton.tsx
+import React from "react";
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
 
 // elements/label/Label.tsx
-import * as React2 from "react";
+import * as React3 from "react";
 
 // elements/tooltip/Tooltip.tsx
-import React from "react";
+import React2 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var TooltipContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -24,7 +51,7 @@ var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props },
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -39,13 +66,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React2.createElement(
       TooltipPrimitive.Root,
       {
         open,
@@ -53,14 +80,14 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ React2.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ React2.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
     )
   );
 };
 
 // elements/label/Label.tsx
-var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
+var Label = React3.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React3.createElement(
   "label",
   {
     ref,
@@ -71,8 +98,8 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
+  required && /* @__PURE__ */ React3.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React3.createElement(
   Tooltip,
   {
     content: hint,
@@ -82,7 +109,7 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+  /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -94,15 +121,15 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React3.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React3.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
 
 // elements/textarea/Textarea.tsx
-var Textarea = React3.forwardRef(
+var Textarea = React4.forwardRef(
   ({
     className,
     classNames,
@@ -111,9 +138,10 @@ var Textarea = React3.forwardRef(
     forceHideHelperText,
     textareaProps,
     countPosition = "bottom",
+    isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "div",
       {
         className: cn(
@@ -122,19 +150,27 @@ var Textarea = React3.forwardRef(
           className
         )
       },
-      props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React4.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React4.createElement(
+        "div",
+        {
+          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
+        },
+        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+        "/",
+        textareaProps == null ? void 0 : textareaProps.maxLength
+      )),
+      isLoading ? /* @__PURE__ */ React4.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React4.createElement(
         "textarea",
         {
           className: cn(
-            "hawa-flex hawa-min-h-[40px] 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-gray-400 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",
+            "hawa-flex hawa-min-h-[40px] hawa-h-[40px]  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-gray-400 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",
             classNames == null ? void 0 : classNames.textarea
           ),
           ref,
           ...textareaProps
         }
       ),
-      /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React4.createElement(
         "p",
         {
           className: cn(
@@ -143,20 +179,7 @@ var Textarea = React3.forwardRef(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React3.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-text-start hawa-text-xs hawa-transition-all",
-            {
-              "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-            }
-          )
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      ))
+      ), showCount && countPosition === "bottom" && /* @__PURE__ */ React4.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );

package/package.json

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

package/dist/commonTypes-cyhMPvmz.d.mts

@@ -1,4 +0,0 @@
-type OrientationType = "vertical" | "horizontal";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { OrientationType as O, RadiusType as R };

package/dist/commonTypes-cyhMPvmz.d.ts

@@ -1,4 +0,0 @@
-type OrientationType = "vertical" | "horizontal";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { OrientationType as O, RadiusType as R };