najm-kit 0.0.33 → 0.0.34

package/dist/index.mjs

@@ -5017,23 +5017,31 @@ function CompactCard({ icon, label, value, unit, iconColor, onClick, bordered, c
       onClick,
       bordered,
       className: cn(
-        !bordered && "border-0",
-        "bg-foreground/10 p-3 shadow-none",
+        "group px-3 py-2.5 transition-colors",
         onClick && "cursor-pointer",
         className
       ),
       classNames: {
         root: classNames?.root,
-        content: "items-center justify-center"
+        content: "flex-row items-center gap-2.5"
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-          /* @__PURE__ */ jsx(NIcon, { icon, className: cn("w-4 h-4", iconColor ?? "text-primary", classNames?.icon) }),
-          /* @__PURE__ */ jsx("span", { className: cn("text-xs text-muted-foreground", classNames?.label), children: label })
-        ] }),
-        /* @__PURE__ */ jsxs("p", { className: cn("text-lg font-semibold text-foreground leading-none", classNames?.value), children: [
-          value,
-          unit ? ` ${unit}` : ""
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary transition-colors group-hover:bg-primary/20",
+              classNames?.icon
+            ),
+            children: /* @__PURE__ */ jsx(NIcon, { icon, className: cn("w-4 h-4", iconColor ?? "text-primary") })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: cn("truncate text-[11px] leading-none text-muted-foreground", classNames?.label), children: label }),
+          /* @__PURE__ */ jsxs("p", { className: cn("truncate text-base font-semibold leading-tight text-foreground", classNames?.value), children: [
+            value,
+            unit ? ` ${unit}` : ""
+          ] })
         ] })
       ]
     }
@@ -7515,8 +7523,8 @@ function NFormSectionHeader({
         className
       ),
       children: [
-        Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4 shrink-0" }),
-        /* @__PURE__ */ jsx(Label, { className: "text-sm font-semibold leading-none", children: title })
+        Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "w-4 h-4 shrink-0 text-current" }),
+        /* @__PURE__ */ jsx(Label, { className: "text-sm font-semibold leading-none text-current", children: title })
       ]
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
   "main": "./dist/index.mjs",