@sikka/hawa 0.36.2-next → 0.37.1-next

package/dist/layout/index.js

@@ -103,17 +103,19 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+        className
+      ),
+      ...props
+    }
+  ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
+);
 var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
   "h3",
   {
@@ -1838,7 +1840,7 @@ var AppLayout = ({
       open: size < 600 && openSideMenu,
       onOpenChange: setOpenSideMenu
     },
-    /* @__PURE__ */ import_react14.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react14.default.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0  hawa-bg-foreground/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10  data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
+    /* @__PURE__ */ import_react14.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react14.default.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10  data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
   ), /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {

package/dist/layout/index.mjs

@@ -3,7 +3,7 @@ import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-6QIOEUE2.mjs";
+} from "../chunk-ODOCZAWC.mjs";
 import {
   Button,
   Card,
@@ -16,7 +16,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-NNPNQK6F.mjs";
+} from "../chunk-RNFJAEEU.mjs";
 import {
   useBreakpoint,
   useClickOutside
@@ -714,7 +714,7 @@ var AppLayout = ({
       open: size < 600 && openSideMenu,
       onOpenChange: setOpenSideMenu
     },
-    /* @__PURE__ */ React5.createElement(Dialog.Portal, { container }, /* @__PURE__ */ React5.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0  hawa-bg-foreground/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10  data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
+    /* @__PURE__ */ React5.createElement(Dialog.Portal, { container }, /* @__PURE__ */ React5.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10  data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
   ), /* @__PURE__ */ React5.createElement(
     "div",
     {

package/dist/phoneInput/index.js

@@ -1954,6 +1954,10 @@ var Select = ({
       children
     );
   };
+  let phoneCodeStyles = "hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px]";
+  let selectContainerStyles = "hawa-rounded hawa-block hawa-w-full hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm";
+  let selectPlaceholderStyles = "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1";
+  let selectIndicatorContainerStyles = "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ";
   return /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
@@ -1975,26 +1979,22 @@ var Select = ({
               props.controlClassNames
             ),
             container: () => cn(
-              "hawa-rounded ",
-              props.phoneCode && "hawa-min-w-[65px] hawa-text-right hawa-w-[100px]  hawa-p-0 hawa-rounded-r-none hawa-h-[40px] ",
-              "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm",
+              selectContainerStyles,
+              props.phoneCode && phoneCodeStyles,
               props.disabled ? "hawa-cursor-not-allowed" : "hawa-cursor-pointer",
               props.isMulti && "hawa-ps-0 "
             ),
-            placeholder: () => "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1",
+            placeholder: () => selectPlaceholderStyles,
             valueContainer: () => "hawa-text-foreground hawa-px-1 ",
             singleValue: () => "hawa-text-foreground",
             indicatorsContainer: () => cn(
-              "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ",
+              selectIndicatorContainerStyles,
               props.hideIndicator ? "hawa-invisible" : "hawa-px-1"
             )
           },
           unstyled: true,
-          components: props.hideIndicator ? {
-            Option,
-            Menu,
-            IndicatorsContainer: () => null
-          } : {
+          autoFocus: false,
+          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
             Option,
             Menu,
             // Control: (e) => (
@@ -2016,10 +2016,7 @@ var Select = ({
             MultiValueContainer: (e) => /* @__PURE__ */ import_react3.default.createElement(
               "div",
               {
-                className: cn(
-                  // e.className,
-                  "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row"
-                ),
+                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
                 ...e
               }
             )