@sikka/hawa 0.16.3-next → 0.16.5-next

package/dist/index.css

@@ -2552,6 +2552,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
+.hawa-text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
 .hawa-text-helper-color {
   color: hsl(var(--helper-text));
 }
@@ -2603,6 +2607,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
 }
+.hawa-text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(220 38 38 / var(--tw-text-opacity));
+}
 .hawa-text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
@@ -3659,6 +3667,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
+:is(.hawa-dark .dark\:hawa-text-green-500) {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
 :is(.hawa-dark .dark\:hawa-text-green-800) {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity));
@@ -3678,6 +3690,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(254 226 226 / var(--tw-text-opacity));
 }
+:is(.hawa-dark .dark\:hawa-text-red-500) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
 :is(.hawa-dark .dark\:hawa-text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -940,11 +940,12 @@ declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element
 
 declare const FileUploader: ({ handleFile, className }: any) => React__default.JSX.Element;
 
-type StatTypes = {
+interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
     label?: string;
     color?: string;
     number?: string;
     helperText?: string;
+    helperTextColor?: "default" | "positive" | "negative" | "muted";
     chart?: any;
     icon?: any;
     variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
@@ -952,7 +953,7 @@ type StatTypes = {
     isLoading?: boolean;
     handleClick?: (e: React__default.MouseEvent) => void;
     className?: string;
-};
+}
 declare const Stats: FC<StatTypes>;
 
 type AppLayoutSidebarItemProps = {

package/dist/index.d.ts

@@ -940,11 +940,12 @@ declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element
 
 declare const FileUploader: ({ handleFile, className }: any) => React__default.JSX.Element;
 
-type StatTypes = {
+interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
     label?: string;
     color?: string;
     number?: string;
     helperText?: string;
+    helperTextColor?: "default" | "positive" | "negative" | "muted";
     chart?: any;
     icon?: any;
     variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
@@ -952,7 +953,7 @@ type StatTypes = {
     isLoading?: boolean;
     handleClick?: (e: React__default.MouseEvent) => void;
     className?: string;
-};
+}
 declare const Stats: FC<StatTypes>;
 
 type AppLayoutSidebarItemProps = {

package/dist/index.js

@@ -7057,28 +7057,39 @@ var NavigationMenu = function(props) {
 // components/layout/Stats.tsx
 var import_react36 = __toESM(require("react"));
 var Stats = function(_param) {
-    var _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, props = _object_without_properties(_param, [
+    var label = _param.label, icon = _param.icon, isLoading = _param.isLoading, number = _param.number, helperText = _param.helperText, _param_helperTextColor = _param.helperTextColor, helperTextColor = _param_helperTextColor === void 0 ? "default" : _param_helperTextColor, chart = _param.chart, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, props = _object_without_properties(_param, [
+        "label",
+        "icon",
+        "isLoading",
+        "number",
+        "helperText",
+        "helperTextColor",
+        "chart",
         "variant"
     ]);
-    return /* @__PURE__ */ import_react36.default.createElement(Card, {
-        onClick: props.handleClick,
-        clickable: Boolean(props.handleClick),
-        className: cn(props.className)
-    }, /* @__PURE__ */ import_react36.default.createElement("div", {
+    var helperTextColorStyles = {
+        default: "",
+        positive: "hawa-text-green-600 dark:hawa-text-green-500",
+        negative: "hawa-text-red-600 dark:hawa-text-red-500",
+        muted: "hawa-text-muted-foreground"
+    };
+    return /* @__PURE__ */ import_react36.default.createElement(Card, _object_spread_props(_object_spread({}, props), {
+        clickable: Boolean(props.onClick)
+    }), /* @__PURE__ */ import_react36.default.createElement("div", {
         className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center"
     }, /* @__PURE__ */ import_react36.default.createElement(CardTitle, {
         className: "hawa-text-sm hawa-font-medium"
-    }, props.label), props.icon && /* @__PURE__ */ import_react36.default.createElement("span", null, props.icon)), /* @__PURE__ */ import_react36.default.createElement(CardContent, null, props.isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
+    }, label), icon && /* @__PURE__ */ import_react36.default.createElement("span", null, icon)), /* @__PURE__ */ import_react36.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
         className: "hawa-h-8 hawa-w-3/4"
     }) : /* @__PURE__ */ import_react36.default.createElement("div", {
         className: "hawa-text-2xl hawa-font-bold"
-    }, props.number), props.isLoading && props.helperText ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
+    }, number), isLoading && helperText ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
         className: "hawa-mt-2 hawa-h-4 hawa-w-1/2"
     }) : /* @__PURE__ */ import_react36.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), props.isLoading && props.chart ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
+        className: cn("hawa-my-0 hawa-text-xs  hawa-transition-all hawa-text-start", helperTextColorStyles[helperTextColor], helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
+    }, helperText), isLoading && chart ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, {
         className: "hawa-mt-2 hawa-h-4 hawa-w-1/2"
-    }) : props.chart));
+    }) : chart));
 };
 // components/layout/Sidebar.tsx
 var React62 = __toESM(require("react"));
@@ -7209,7 +7220,7 @@ var SidebarItem = function(_param) {
     } else {
         return /* @__PURE__ */ React62.createElement("div", {
             dir: direction,
-            onClick: function(e) {
+            onMouseDown: function(e) {
                 if (item.onClick) {
                     item.onClick(e);
                 }

package/dist/index.mjs

@@ -6864,26 +6864,34 @@ var NavigationMenu = (props) => {
 
 // components/layout/Stats.tsx
 import React61 from "react";
-var Stats = ({ variant = "default", ...props }) => {
-  return /* @__PURE__ */ React61.createElement(
-    Card,
+var Stats = ({
+  label,
+  icon,
+  isLoading,
+  number,
+  helperText,
+  helperTextColor = "default",
+  chart,
+  variant = "default",
+  ...props
+}) => {
+  let helperTextColorStyles = {
+    default: "",
+    positive: "hawa-text-green-600 dark:hawa-text-green-500",
+    negative: "hawa-text-red-600 dark:hawa-text-red-500",
+    muted: "hawa-text-muted-foreground"
+  };
+  return /* @__PURE__ */ React61.createElement(Card, { ...props, clickable: Boolean(props.onClick) }, /* @__PURE__ */ React61.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ React61.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React61.createElement("span", null, icon)), /* @__PURE__ */ React61.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React61.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), isLoading && helperText ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : /* @__PURE__ */ React61.createElement(
+    "p",
     {
-      onClick: props.handleClick,
-      clickable: Boolean(props.handleClick),
-      className: cn(props.className)
+      className: cn(
+        "hawa-my-0 hawa-text-xs  hawa-transition-all hawa-text-start",
+        helperTextColorStyles[helperTextColor],
+        helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
+      )
     },
-    /* @__PURE__ */ React61.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ React61.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, props.label), props.icon && /* @__PURE__ */ React61.createElement("span", null, props.icon)),
-    /* @__PURE__ */ React61.createElement(CardContent, null, props.isLoading ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React61.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, props.number), props.isLoading && props.helperText ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : /* @__PURE__ */ React61.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
-    ), props.isLoading && props.chart ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : props.chart)
-  );
+    helperText
+  ), isLoading && chart ? /* @__PURE__ */ React61.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart));
 };
 
 // components/layout/Sidebar.tsx
@@ -7052,7 +7060,7 @@ var SidebarItem = ({
       "div",
       {
         dir: direction,
-        onClick: (e) => {
+        onMouseDown: (e) => {
           if (item.onClick) {
             item.onClick(e);
           }

package/package.json

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