najm-kit 0.0.33 → 2.0.1

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,7 @@
 {
   "name": "najm-kit",
-  "version": "0.0.33",
+  "version": "2.0.1",
+  "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
   "main": "./dist/index.mjs",
@@ -119,7 +120,14 @@
     "zustand": "^5"
   },
   "devDependencies": {
+    "@codemirror/commands": "^6.10.0",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/language": "^6.12.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/theme-one-dark": "^6.1.0",
+    "@codemirror/view": "^6.42.0",
     "@hookform/resolvers": "^5",
+    "@lezer/highlight": "^1.2.0",
     "@tailwindcss/postcss": "^4",
     "@testing-library/react": "^16",
     "@testing-library/user-event": "^14.6.1",
@@ -127,6 +135,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-file-icon": "^1.0.5",
+    "@uiw/react-codemirror": "^4.25.0",
     "@vitejs/plugin-react": "^4",
     "happy-dom": "^17",
     "postcss": "^8",