@sikka/hawa 0.1.101 → 0.1.103

package/dist/index.d.mts

@@ -943,6 +943,7 @@ type AppLayoutTypes = {
     profileMenuItems?: MenuItemType[];
     profileMenuWidth: "default" | "sm" | "lg" | "parent";
     onSettingsClick?: () => void;
+    onDrawerExpand?: (e: any) => void;
     DrawerFooterActions?: any;
     clickedItem?: any;
     texts?: {

package/dist/index.d.ts

@@ -943,6 +943,7 @@ type AppLayoutTypes = {
     profileMenuItems?: MenuItemType[];
     profileMenuWidth: "default" | "sm" | "lg" | "parent";
     onSettingsClick?: () => void;
+    onDrawerExpand?: (e: any) => void;
     DrawerFooterActions?: any;
     clickedItem?: any;
     texts?: {

package/dist/index.js

@@ -1401,9 +1401,12 @@ var HawaTable = function(_param) {
     }, props.headerTools && /* @__PURE__ */ React6.default.createElement("div", {
         className: "flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2"
     }, props.headerTools), /* @__PURE__ */ React6.default.createElement("table", {
-        className: _clsx2.default.call(void 0, borders === "outer" || borders === "all" ? "outline outline-[".concat(bordersWidth, "px] -outline-offset-1 outline-gray-300 dark:outline-gray-700") : "", "w-full  rounded   text-left text-sm text-gray-500 dark:text-gray-400", "bg-".concat(headerColor))
+        className: _clsx2.default.call(void 0, // borders === "outer" || borders === "all"
+        //   ? `outline outline-[${bordersWidth}px] -outline-offset-1 outline-gray-300 dark:outline-gray-700`
+        //   : "",
+        "w-full rounded bg-muted text-left text-sm text-muted-foreground", "bg-".concat(headerColor))
     }, /* @__PURE__ */ React6.default.createElement("thead", {
-        className: _clsx2.default.call(void 0, "text-xs uppercase text-gray-700 dark:bg-gray-700 dark:text-gray-400", borders === "rows" || borders === "all" || borders === "inner" ? "border-b " : "")
+        className: _clsx2.default.call(void 0, "bg-muted text-xs uppercase text-muted-foreground ", borders === "rows" || borders === "all" || borders === "inner" ? "border-b " : "")
     }, /* @__PURE__ */ React6.default.createElement("tr", null, props.columns.map(function(col, i) {
         if (col.hidden) {
             return;
@@ -1415,7 +1418,7 @@ var HawaTable = function(_param) {
                 key: i,
                 scope: "col",
                 colSpan: 2,
-                className: _clsx2.default.call(void 0, col.sortable ? "cursor-pointer hover:bg-gray-300" : "", sizeStyles2[size], i !== 0 && (borders === "cols" || borders === "all" || borders === "inner") ? "border-r border-r-[".concat(bordersWidth, "px] border-l border-l-[").concat(bordersWidth, "px]") : "")
+                className: _clsx2.default.call(void 0, col.sortable ? "cursor-pointer hover:bg-muted-foreground/10" : "", sizeStyles2[size], i !== 0 && (borders === "cols" || borders === "all" || borders === "inner") ? "border-r border-r-[".concat(bordersWidth, "px] border-l border-l-[").concat(bordersWidth, "px]") : "")
             }, col.value, sortColumn === i && /* @__PURE__ */ React6.default.createElement("span", null, sortDirection === "asc" ? " ▲" : " ▼"));
         }
     }), props.actions ? /* @__PURE__ */ React6.default.createElement("th", {
@@ -1453,7 +1456,7 @@ var HawaTable = function(_param) {
                 ]) - 1;
                 return /* @__PURE__ */ React6.default.createElement("tr", {
                     key: rowIndex,
-                    className: _clsx2.default.call(void 0, " dark:border-gray-700 dark:bg-gray-800", props.clickable ? "hover:bg-gray-100" : "", !lastRow && (borders === "all" || borders === "rows" || borders === "inner") ? "border-b border-b-[".concat(bordersWidth, "px]") : "")
+                    className: _clsx2.default.call(void 0, " text-mute-foreground  border bg-background", props.clickable ? "hover:bg-gray-100" : "", !lastRow && (borders === "all" || borders === "rows" || borders === "inner") ? "border-b border-b-[".concat(bordersWidth, "px]") : "")
                 }, _optionalChain([
                     singleRow,
                     "optionalAccess",
@@ -1503,7 +1506,7 @@ var HawaTable = function(_param) {
                         return props.handleActionClick(e, singleRow);
                     },
                     trigger: /* @__PURE__ */ React6.default.createElement("div", {
-                        className: "flex w-fit  cursor-pointer items-center justify-center rounded  p-2 hover:bg-gray-200 dark:hover:bg-gray-600"
+                        className: "flex w-fit cursor-pointer items-center justify-center rounded p-2 transition-all hover:bg-primary/20 "
                     }, /* @__PURE__ */ React6.default.createElement("svg", {
                         "aria-label": "Vertical Three Dots Menu Icon",
                         stroke: "currentColor",
@@ -7546,7 +7549,8 @@ var SidebarItem = function(_param) {
                         ]);
                     }
                 },
-                className: cn("flex h-full cursor-pointer flex-row items-center gap-2 rounded bg-foreground/10 p-2 transition-all", getSelectedStyle(subitem.value))
+                className: cn("flex h-full cursor-pointer flex-row items-center gap-2 rounded  p-2 transition-all", // bg-foreground/10
+                getSelectedStyle(subitem.value))
             }, subitem.icon, subitem.label);
         }))));
     } else {
@@ -7711,7 +7715,7 @@ var AppLayout = function(_param) {
         ref: ref
     }, /* @__PURE__ */ React6.default.createElement("div", {
         dir: direction,
-        className: _clsx2.default.call(void 0, "fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center transition-all", "bg-primary-foreground"),
+        className: "fixed z-50  mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all",
         style: {
             width: size > 600 ? "".concat(openSideMenu ? openDrawerWidth : 56, "px") : "".concat(openSideMenu ? openDrawerWidth : 0, "px")
         }
@@ -7779,7 +7783,10 @@ var AppLayout = function(_param) {
     }, /* @__PURE__ */ React6.default.createElement(Button, {
         variant: "light",
         onClick: function() {
-            return setKeepOpen(!keepOpen);
+            setKeepOpen(!keepOpen);
+            if (props.onDrawerExpand) {
+                props.onDrawerExpand(keepOpen);
+            }
         },
         size: "smallIcon"
     }, /* @__PURE__ */ React6.default.createElement("svg", {