@sikka/hawa 0.26.3-next → 0.26.5-next

package/dist/radio/index.mjs

@@ -187,45 +187,38 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ React3.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React3.createElement(
+      return /* @__PURE__ */ React3.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React3.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ React3.createElement(
         "div",
         {
-          key: i,
-          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
+          className: cn(
+            "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+          ),
+          key: i + 1
         },
         /* @__PURE__ */ React3.createElement(
-          "div",
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name,
+            onChange: () => handleChange(opt)
+          }
+        ),
+        /* @__PURE__ */ React3.createElement(
+          "label",
           {
+            htmlFor: opt.value.toString(),
             className: cn(
-              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
-              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
-            ),
-            key: i + 1
+              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
+              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
           },
-          /* @__PURE__ */ React3.createElement(
-            "input",
-            {
-              disabled: opt.disabled,
-              id: opt.value.toString(),
-              type: "radio",
-              value: opt.value,
-              name,
-              onChange: () => handleChange(opt)
-            }
-          ),
-          /* @__PURE__ */ React3.createElement(
-            "label",
-            {
-              htmlFor: opt.value.toString(),
-              className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
-                opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
-              )
-            },
-            opt.label
-          )
+          opt.label
         )
-      )));
+      ))));
     case "cards":
       return /* @__PURE__ */ React3.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React3.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ React3.createElement(
         "input",

package/dist/signature/index.js

@@ -244,7 +244,7 @@ var Signature = ({
         canvasProps == null ? void 0 : canvasProps.className
       )
     }
-  ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, helperText && /* @__PURE__ */ import_react2.default.createElement(
+  ), /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react2.default.createElement(
     "p",
     {
       className: cn(

package/dist/signature/index.mjs

@@ -203,7 +203,7 @@ var Signature = ({
         canvasProps == null ? void 0 : canvasProps.className
       )
     }
-  ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, helperText && /* @__PURE__ */ React3.createElement(
+  ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React3.createElement(
     "p",
     {
       className: cn(

package/dist/textarea/index.d.mts

@@ -17,6 +17,9 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
     textareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
     showCount?: boolean;
     countPosition?: "top" | "bottom";
+    classNames?: {
+        textarea?: string;
+    };
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 

package/dist/textarea/index.d.ts

@@ -17,6 +17,9 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
     textareaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
     showCount?: boolean;
     countPosition?: "top" | "bottom";
+    classNames?: {
+        textarea?: string;
+    };
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 

package/dist/textarea/index.js

@@ -144,6 +144,7 @@ Label.displayName = "Label";
 var Textarea = React3.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -151,39 +152,51 @@ var Textarea = React3.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.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",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React3.createElement(
+    return /* @__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"
-          }
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
         )
       },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
+      props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React3.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",
+            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(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        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
+      ))
+    );
   }
 );
 Textarea.displayName = "Textarea";

package/dist/textarea/index.mjs

@@ -105,6 +105,7 @@ Label.displayName = "Label";
 var Textarea = React3.forwardRef(
   ({
     className,
+    classNames,
     labelProps,
     showCount,
     forceHideHelperText,
@@ -112,39 +113,51 @@ var Textarea = React3.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.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",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React3.createElement(
+    return /* @__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"
-          }
+          "textarea-main hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col",
+          !forceHideHelperText && "hawa-gap-2",
+          className
         )
       },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
+      props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React3.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",
+            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(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        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
+      ))
+    );
   }
 );
 Textarea.displayName = "Textarea";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.26.3-next",
+  "version": "0.26.5-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -78,7 +78,7 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-table": "^8.11.0",
+    "@tanstack/react-table": "^8.11.2",
     "@types/node": "^20.10.5",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
@@ -100,7 +100,7 @@
     "react-hook-form": "^7.49.2",
     "react-select": "^5.8.0",
     "signature_pad": "^4.1.7",
-    "tailwind-merge": "^2.1.0",
+    "tailwind-merge": "^2.2.0",
     "trim-canvas": "^0.1.2",
     "zod": "^3.22.4"
   },
@@ -125,7 +125,7 @@
     "eslint-plugin-storybook": "^0.6.15",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lucide-react": "^0.298.0",
+    "lucide-react": "^0.300.0",
     "postcss": "^8.4.32",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^15.1.0",

package/dist/blocks/feedback/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}

package/dist/blocks/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}

package/dist/blocks/misc/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}

package/dist/chunk-2XKXPVD3.mjs

@@ -1,57 +0,0 @@
-import {
-  Label,
-  cn
-} from "./chunk-FYH74ZRQ.mjs";
-
-// components/elements/textarea/Textarea.tsx
-import * as React from "react";
-var Textarea = React.forwardRef(
-  ({
-    className,
-    labelProps,
-    showCount,
-    forceHideHelperText,
-    textareaProps,
-    countPosition = "bottom",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2 textarea-main " }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.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",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React.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
-    )));
-  }
-);
-Textarea.displayName = "Textarea";
-
-export {
-  Textarea
-};

package/dist/codeBlock/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}

package/dist/elements/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}

package/dist/textarea/index.css

@@ -1,5 +0,0 @@
-/* components/elements/textarea/style.css */
-.textarea-main {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}