@sikka/hawa 0.11.7-next → 0.11.8-next

package/dist/index.js

@@ -4953,18 +4953,20 @@ var Input = function(_param) {
         full: "hawa-w-full",
         auto: ""
     };
-    var defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+    var defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     var defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
     return /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.containerClassName, "hawa-w-full hawa-gap-2")
+        className: cn(defaultStyle, marginStyles[margin], widthStyles[width], props.containerClassName, "hawa-w-full hawa-gap-2 ")
     }, props.label && /* @__PURE__ */ import_react24.default.createElement(Label2, {
         htmlFor: props.id,
         hint: props.hint,
         hintSide: props.hintSide,
         required: props.isRequired
-    }, props.label), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement(Skeleton, {
+    }, props.label), props.isLoading ? /* @__PURE__ */ import_react24.default.createElement("div", {
+        className: "hawa-pb-2"
+    }, /* @__PURE__ */ import_react24.default.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
-    }) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
+    })) : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", preview ? "hawa-opacity-100" : "hawa-opacity-0")
     }), /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: cn("hawa-relative")
@@ -6031,15 +6033,19 @@ var Combobox = function(_param) {
     var _React47_useState = _sliced_to_array(React47.useState(false), 2), open = _React47_useState[0], setOpen = _React47_useState[1];
     var _React47_useState1 = _sliced_to_array(React47.useState(defaultValue), 2), value = _React47_useState1[0], setValue = _React47_useState1[1];
     return /* @__PURE__ */ React47.createElement("div", {
-        className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
+        className: cn("hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit", props.width === "fit" ? "hawa-w-fit" : "hawa-w-full")
     }, props.label && /* @__PURE__ */ React47.createElement(Label2, null, props.label), /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, {
         open: open,
         onOpenChange: setOpen
     }, /* @__PURE__ */ React47.createElement(PopoverTrigger, {
         disabled: props.isLoading || props.preview
-    }, props.isLoading ? /* @__PURE__ */ React47.createElement(Skeleton, {
+    }, props.isLoading ? /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-pb-2"
+    }, /* @__PURE__ */ React47.createElement(Skeleton, {
         className: "hawa-h-[40px] hawa-w-full"
-    }) : /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement("div", {
+    })) : /* @__PURE__ */ React47.createElement("div", {
+        className: "hawa-flex hawa-flex-col hawa-gap-2 "
+    }, /* @__PURE__ */ React47.createElement("div", {
         className: cn("hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800", props.preview ? "hawa-opacity-100" : "hawa-opacity-0")
     }), /* @__PURE__ */ React47.createElement("button", {
         role: "combobox",
@@ -6058,7 +6064,9 @@ var Combobox = function(_param) {
         strokeLinejoin: "round"
     }, /* @__PURE__ */ React47.createElement("path", {
         d: "m6 9 6 6 6-6"
-    }))))), /* @__PURE__ */ React47.createElement(PopoverContent, {
+    }))), /* @__PURE__ */ React47.createElement("p", {
+        className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
+    }, props.helperText), " ")), /* @__PURE__ */ React47.createElement(PopoverContent, {
         className: cn("popover-w-parent")
     }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, {
         placeholder: props.searchPlaceholder
@@ -6089,9 +6097,7 @@ var Combobox = function(_param) {
         }, /* @__PURE__ */ React47.createElement("polyline", {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
-    }))))), /* @__PURE__ */ React47.createElement("p", {
-        className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all", props.helperText && !props.isLoading ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
-    }, props.helperText));
+    }))))));
 };
 // components/elements/Count.tsx
 var import_react31 = __toESM(require("react"));

package/dist/index.mjs

@@ -4601,7 +4601,7 @@ var Input = ({
     full: "hawa-w-full",
     auto: ""
   };
-  let defaultStyle = "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+  let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
   let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
   return /* @__PURE__ */ React36.createElement(
     "div",
@@ -4611,7 +4611,7 @@ var Input = ({
         marginStyles[margin],
         widthStyles[width],
         props.containerClassName,
-        "hawa-w-full hawa-gap-2"
+        "hawa-w-full hawa-gap-2 "
       )
     },
     props.label && /* @__PURE__ */ React36.createElement(
@@ -4624,7 +4624,7 @@ var Input = ({
       },
       props.label
     ),
-    props.isLoading ? /* @__PURE__ */ React36.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
+    props.isLoading ? /* @__PURE__ */ React36.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React36.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
       "div",
       {
         className: cn(
@@ -5757,12 +5757,12 @@ var Combobox = ({
     "div",
     {
       className: cn(
-        "hawa-flex hawa-flex-col hawa-gap-2 hawa-relative",
+        "hawa-flex hawa-flex-col hawa-gap-2 hawa-relative hawa-h-fit",
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
     props.label && /* @__PURE__ */ React47.createElement(Label2, null, props.label),
-    /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React47.createElement(PopoverTrigger, { disabled: props.isLoading || props.preview }, props.isLoading ? /* @__PURE__ */ React47.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(
+    /* @__PURE__ */ React47.createElement(PopoverPrimitive2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React47.createElement(PopoverTrigger, { disabled: props.isLoading || props.preview }, props.isLoading ? /* @__PURE__ */ React47.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React47.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2 " }, /* @__PURE__ */ React47.createElement(
       "div",
       {
         className: cn(
@@ -5801,7 +5801,16 @@ var Combobox = ({
         },
         /* @__PURE__ */ React47.createElement("path", { d: "m6 9 6 6 6-6" })
       )
-    ))), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
+    ), /* @__PURE__ */ React47.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
+        )
+      },
+      props.helperText
+    ), " ")), /* @__PURE__ */ React47.createElement(PopoverContent, { className: cn("popover-w-parent") }, /* @__PURE__ */ React47.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React47.createElement(CommandInput, { placeholder: props.searchPlaceholder }), /* @__PURE__ */ React47.createElement(CommandEmpty, null, "No framework found."), /* @__PURE__ */ React47.createElement(CommandGroup, { className: "  hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item) => /* @__PURE__ */ React47.createElement(
       CommandItem,
       {
         key: getProperty(item, valueKey),
@@ -5836,17 +5845,7 @@ var Combobox = ({
         /* @__PURE__ */ React47.createElement("polyline", { points: "20 6 9 17 4 12" })
       ),
       getProperty(item, labelKey)
-    )))))),
-    /* @__PURE__ */ React47.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText && !props.isLoading ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
-        )
-      },
-      props.helperText
-    )
+    ))))))
   );
 };
 

package/package.json

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