@sikka/hawa 0.14.7-next → 0.14.9-next

package/dist/index.d.mts

@@ -764,6 +764,7 @@ type SelectOptionProps = {
 };
 type SelectTypes = {
     label?: string;
+    hideHelperText?: boolean;
     options?: SelectOptionProps[];
     labelKey?: string;
     isCreatable?: boolean;

package/dist/index.d.ts

@@ -764,6 +764,7 @@ type SelectOptionProps = {
 };
 type SelectTypes = {
     label?: string;
+    hideHelperText?: boolean;
     options?: SelectOptionProps[];
     labelKey?: string;
     isCreatable?: boolean;

package/dist/index.js

@@ -1937,7 +1937,7 @@ var CheckboxElement = React16.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React16.createElement(CheckboxPrimitive.Root, _object_spread({
         ref: ref,
-        className: cn("hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background 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 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
+        className: cn("hawa-peer hawa-icon hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background 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 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
     }, props), /* @__PURE__ */ React16.createElement(CheckboxPrimitive.Indicator, {
         className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
     }, /* @__PURE__ */ React16.createElement("svg", {
@@ -2024,7 +2024,7 @@ var ToastClose = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     }, props), /* @__PURE__ */ React17.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
-        className: "hawa-h-4 hawa-w-4",
+        className: "hawa-icon",
         fill: "currentColor",
         viewBox: "0 0 20 20"
     }, /* @__PURE__ */ React17.createElement("path", {
@@ -4908,7 +4908,7 @@ var Select = function(_param) {
         onInputChange: function(newValue, action) {
             return props.onInputChange(newValue, action);
         }
-    }), /* @__PURE__ */ import_react21.default.createElement("p", {
+    }), !props.hideHelperText && /* @__PURE__ */ import_react21.default.createElement("p", {
         className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all hawa-text-start", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
     }, props.helperText));
 };
@@ -4932,12 +4932,13 @@ var PhoneInput = function(props) {
         }
     };
     return /* @__PURE__ */ import_react22.default.createElement("div", {
-        className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2"
+        className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit"
     }, props.label && /* @__PURE__ */ import_react22.default.createElement(Label2, null, props.label), /* @__PURE__ */ import_react22.default.createElement("div", {
         dir: "ltr",
         className: "hawa-flex hawa-flex-row hawa-w-full"
     }, /* @__PURE__ */ import_react22.default.createElement(Select, {
         width: "fit",
+        hideHelperText: true,
         phoneCode: true,
         hideIndicator: true,
         placeholder: "Code",
@@ -4949,7 +4950,7 @@ var PhoneInput = function(props) {
         value: countryCode === null || countryCode === void 0 ? void 0 : countryCode.label,
         onChange: setCountryCode
     }), /* @__PURE__ */ import_react22.default.createElement("div", {
-        className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0"
+        className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0"
     }, /* @__PURE__ */ import_react22.default.createElement("input", {
         ref: inputRef,
         id: "phone-number",
@@ -5170,7 +5171,7 @@ var SortButton = function(props) {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-h-4 hawa-w-4"
+        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
     }, /* @__PURE__ */ import_react25.default.createElement("path", {
         d: "m21 16-4 4-4-4"
     }), /* @__PURE__ */ import_react25.default.createElement("path", {
@@ -5675,7 +5676,7 @@ var AccordionTrigger = React42.forwardRef(function(_param, ref) /* @__PURE__ */
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+        className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     }, /* @__PURE__ */ React42.createElement("path", {
         d: "m6 9 6 6 6-6"
     }))));
@@ -6257,6 +6258,7 @@ var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
         className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
         "cmdk-input-wrapper": ""
     }, /* @__PURE__ */ React51.createElement("svg", {
+        "aria-label": "Search Icon",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6266,7 +6268,7 @@ var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
+        className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
     }, /* @__PURE__ */ React51.createElement("circle", {
         cx: "11",
         cy: "11",
@@ -6375,7 +6377,8 @@ var Combobox = function(_param) {
         return item[valueKey] === value;
     }) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React52.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        className: cn("hawa-w-4 hawa-h-4 hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
+        className: cn("hawa-icon hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
+        "aria-label": "Chevron down icon",
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -6404,6 +6407,7 @@ var Combobox = function(_param) {
                 setOpen(false);
             }
         }, /* @__PURE__ */ React52.createElement("svg", {
+            "aria-label": "Check Icon",
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -6413,7 +6417,7 @@ var Combobox = function(_param) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            className: cn("hawa-mr-2 hawa-h-4 hawa-w-4", value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0")
+            className: cn("hawa-mr-2 hawa-icon", value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0")
         }, /* @__PURE__ */ React52.createElement("polyline", {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
@@ -6724,6 +6728,7 @@ var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE_
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "hawa-group", className)
     }, props), children, " ", /* @__PURE__ */ React57.createElement("svg", {
+        "aria-label": "Chevron Icon",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6734,7 +6739,7 @@ var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE_
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "aria-hidden": "true",
-        className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+        className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     }, /* @__PURE__ */ React57.createElement("path", {
         d: "m6 9 6 6 6-6"
     })));
@@ -6867,7 +6872,7 @@ var AccordionTrigger2 = React59.forwardRef(function(_param, ref) /* @__PURE__ */
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em",
-        className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
+        className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     }, /* @__PURE__ */ React59.createElement("path", {
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))));
@@ -6926,7 +6931,7 @@ var SidebarItem = function(_param) {
     if (item.subitems) {
         return /* @__PURE__ */ React59.createElement(AccordionItem2, {
             value: item.value,
-            className: "hawa-overflow-x-clip",
+            className: "hawa-overflow-x-clip ",
             dir: direction
         }, /* @__PURE__ */ React59.createElement(AccordionTrigger2, {
             className: cn("hawa-overflow-x-clip hawa-w-full", props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary  hawa-text-primary-foreground" : "hover:hawa-bg-primary/10 hawa-h-10", item.subitems && item.subitems.some(function(subitem) {
@@ -6934,7 +6939,7 @@ var SidebarItem = function(_param) {
             }) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""),
             showArrow: isOpen
         }, /* @__PURE__ */ React59.createElement("div", {
-            className: cn(!isOpen && "hawa-py-1", "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center  hawa-gap-2")
+            className: cn("hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-h-fit")
         }, item.icon && item.icon, /* @__PURE__ */ React59.createElement("span", {
             className: cn("hawa-transition-all ", isOpen ? "hawa-opacity-100" : "hawa-opacity-0")
         }, item.label))), item.subitems && /* @__PURE__ */ React59.createElement(AccordionContent2, {
@@ -7554,7 +7559,7 @@ var DocsLayout = function(_param) {
         variant: "ghost",
         size: "smallIcon"
     }, /* @__PURE__ */ import_react41.default.createElement(Logos.github, {
-        className: "hawa-w-4 hawa-h-4"
+        className: "hawa-icon"
     })))), /* @__PURE__ */ import_react41.default.createElement("div", {
         className: cn("hawa-fixed hawa-bg-primary-foreground hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full", "hawa-fixed  hawa-p-0 hawa-py-2 hawa-overflow-x-clip hawa-transition-all", "hawa-top-14", openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"),
         style: {
@@ -7605,43 +7610,43 @@ var AuthButtons = function(props) {
         variant: "outline",
         onClick: props.handleGoogle
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.google, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithGoogle = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.continueWithGoogle) !== null && _props_texts_continueWithGoogle !== void 0 ? _props_texts_continueWithGoogle : "Continue With Google"), props.viaGithub && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithub
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.github, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleTwitter
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.twitter, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithTwitter = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.continueWithTwitter) !== null && _props_texts_continueWithTwitter !== void 0 ? _props_texts_continueWithTwitter : "Continue With Twitter"), props.viaApple && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleApple
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.apple, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithApple = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.continueWithApple) !== null && _props_texts_continueWithApple !== void 0 ? _props_texts_continueWithApple : "Continue With Apple"), props.viaMicrosoft && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleMicrosoft
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.microsoft, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithMicrosoft = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.continueWithMicrosoft) !== null && _props_texts_continueWithMicrosoft !== void 0 ? _props_texts_continueWithMicrosoft : "Continue With Microsoft"), props.viaEmail && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleEmail
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.mail, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithEmail = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.continueWithEmail) !== null && _props_texts_continueWithEmail !== void 0 ? _props_texts_continueWithEmail : "Continue With Email"), props.viaPhone && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handlePhone
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.phone, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithPhone = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.continueWithPhone) !== null && _props_texts_continueWithPhone !== void 0 ? _props_texts_continueWithPhone : "Continue With Phone"));
 };
 // components/icons/index.tsx

package/dist/index.mjs

@@ -1333,7 +1333,7 @@ var CheckboxElement = React16.forwardRef(({ className, ...props }, ref) => /* @_
   {
     ref,
     className: cn(
-      "hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background 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 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
+      "hawa-peer hawa-icon hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background 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 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
       className
     ),
     ...props
@@ -1451,7 +1451,7 @@ var ToastClose = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
     {
       "aria-label": "Close Icon",
       "aria-hidden": "true",
-      className: "hawa-h-4 hawa-w-4",
+      className: "hawa-icon",
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
@@ -4529,7 +4529,7 @@ var Select = ({ labelKey = "label", ...props }) => {
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    /* @__PURE__ */ React33.createElement(
+    !props.hideHelperText && /* @__PURE__ */ React33.createElement(
       "p",
       {
         className: cn(
@@ -4560,10 +4560,11 @@ var PhoneInput = (props) => {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, props.label && /* @__PURE__ */ React34.createElement(Label2, null, props.label), /* @__PURE__ */ React34.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit" }, props.label && /* @__PURE__ */ React34.createElement(Label2, null, props.label), /* @__PURE__ */ React34.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ React34.createElement(
     Select,
     {
       width: "fit",
+      hideHelperText: true,
       phoneCode: true,
       hideIndicator: true,
       placeholder: "Code",
@@ -4575,7 +4576,7 @@ var PhoneInput = (props) => {
       value: countryCode?.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ React34.createElement(
+  ), /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ React34.createElement(
     "input",
     {
       ref: inputRef,
@@ -4803,7 +4804,7 @@ var SortButton = (props) => {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-h-4 hawa-w-4"
+        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
       /* @__PURE__ */ React37.createElement("path", { d: "m21 16-4 4-4-4" }),
       /* @__PURE__ */ React37.createElement("path", { d: "M17 20V4" }),
@@ -5384,7 +5385,7 @@ var AccordionTrigger = React42.forwardRef(({ className, children, ...props }, re
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
     /* @__PURE__ */ React42.createElement("path", { d: "m6 9 6 6 6-6" })
   )
@@ -5971,6 +5972,7 @@ var CommandInput = React51.forwardRef(({ className, ...props }, ref) => /* @__PU
   /* @__PURE__ */ React51.createElement(
     "svg",
     {
+      "aria-label": "Search Icon",
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "24",
@@ -5980,7 +5982,7 @@ var CommandInput = React51.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React51.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React51.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -6121,9 +6123,10 @@ var Combobox = ({
         {
           xmlns: "http://www.w3.org/2000/svg",
           className: cn(
-            "hawa-w-4 hawa-h-4 hawa-transition-all",
+            "hawa-icon hawa-transition-all",
             !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"
           ),
+          "aria-label": "Chevron down icon",
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -6165,6 +6168,7 @@ var Combobox = ({
         /* @__PURE__ */ React52.createElement(
           "svg",
           {
+            "aria-label": "Check Icon",
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -6175,7 +6179,7 @@ var Combobox = ({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             className: cn(
-              "hawa-mr-2 hawa-h-4 hawa-w-4",
+              "hawa-mr-2 hawa-icon",
               value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
             )
           },
@@ -6547,6 +6551,7 @@ var NavigationMenuTrigger = React57.forwardRef(({ className, children, ...props
   /* @__PURE__ */ React57.createElement(
     "svg",
     {
+      "aria-label": "Chevron Icon",
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "24",
@@ -6557,7 +6562,7 @@ var NavigationMenuTrigger = React57.forwardRef(({ className, children, ...props
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "aria-hidden": "true",
-      className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+      className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     },
     /* @__PURE__ */ React57.createElement("path", { d: "m6 9 6 6 6-6" })
   )
@@ -6689,7 +6694,7 @@ var AccordionTrigger2 = React59.forwardRef(({ className, showArrow, children, ..
       viewBox: "0 0 16 16",
       height: "1em",
       width: "1em",
-      className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
+      className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
     /* @__PURE__ */ React59.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
@@ -6760,7 +6765,7 @@ var SidebarItem = ({
       AccordionItem2,
       {
         value: item.value,
-        className: "hawa-overflow-x-clip",
+        className: "hawa-overflow-x-clip ",
         dir: direction
       },
       /* @__PURE__ */ React59.createElement(
@@ -6779,8 +6784,7 @@ var SidebarItem = ({
           "div",
           {
             className: cn(
-              !isOpen && "hawa-py-1",
-              "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center  hawa-gap-2"
+              "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-h-fit"
             )
           },
           item.icon && item.icon,
@@ -7617,7 +7621,7 @@ var DocsLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      /* @__PURE__ */ React66.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React66.createElement(Logos.github, { className: "hawa-w-4 hawa-h-4" }))
+      /* @__PURE__ */ React66.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React66.createElement(Logos.github, { className: "hawa-icon" }))
     )
   ), /* @__PURE__ */ React66.createElement(
     "div",
@@ -7683,7 +7687,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGoogle
     },
-    /* @__PURE__ */ React67.createElement(Logos.google, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.google, { className: "hawa-icon" }),
     props.texts?.continueWithGoogle ?? "Continue With Google"
   ), props.viaGithub && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7692,7 +7696,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    /* @__PURE__ */ React67.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.github, { className: "hawa-icon" }),
     props.texts?.continueWithGithub ?? "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7701,7 +7705,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleTwitter
     },
-    /* @__PURE__ */ React67.createElement(Logos.twitter, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.twitter, { className: "hawa-icon" }),
     props.texts?.continueWithTwitter ?? "Continue With Twitter"
   ), props.viaApple && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7710,7 +7714,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleApple
     },
-    /* @__PURE__ */ React67.createElement(Logos.apple, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.apple, { className: "hawa-icon" }),
     props.texts?.continueWithApple ?? "Continue With Apple"
   ), props.viaMicrosoft && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7719,7 +7723,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMicrosoft
     },
-    /* @__PURE__ */ React67.createElement(Logos.microsoft, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.microsoft, { className: "hawa-icon" }),
     props.texts?.continueWithMicrosoft ?? "Continue With Microsoft"
   ), props.viaEmail && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7728,7 +7732,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleEmail
     },
-    /* @__PURE__ */ React67.createElement(Logos.mail, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.mail, { className: "hawa-icon" }),
     props.texts?.continueWithEmail ?? "Continue With Email"
   ), props.viaPhone && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7737,7 +7741,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handlePhone
     },
-    /* @__PURE__ */ React67.createElement(Logos.phone, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.phone, { className: "hawa-icon" }),
     props.texts?.continueWithPhone ?? "Continue With Phone"
   ));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.14.7-next",
+  "version": "0.14.9-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {